:root {
  /* paper */
  --paper-bg: #f4f1ec;        /* ciepły papier, NIE sepia */
  --paper-surface: #faf8f4;
  --paper-border: #d8d3c8;

  /* ink */
  --ink-main: #2a2a2a;        /* grafit, nie czarny */
  --ink-muted: #6b6b6b;
  --ink-faint: #9a9a9a;

  /* accent (delikatny, literacki) */
  --accent-main: #8a6f3b;     /* złamany mosiądz */
  --accent-soft: #b49a66;

  /* typography */
  --font-size-base: 1.05rem;
  --line-height-base: 1.75;
  --letter-spacing-base: 0.01em;

  /* layout */
  --content-width: 70ch;
}
html, body {
    height: 100%;
}

#page-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* twoja główna treść */
.main,
.container.main,
.container.fade-in {
    flex: 1 0 auto;
}

/* footer */
footer {
    flex-shrink: 0;
}
body {
    font-family: "Montserrat", sans-serif;
    color: var(--ink-main);
}

h1, h2, h3 {
     font-family: "Cinzel", serif !important;
}
p {
  line-height: var(--line-height-base);

}
.my-btn {
border: 1px solid #7b1e1e !important;
color: #7b1e1e !important;
padding: 1rem !important;
}
.navbar, .offcanvas{
  z-index: 99999999999999;
}

.navbar-brand {
  color: #7b1e1e !important;

}




.glass-card {

  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 4px 2px rgba(255, 255, 255, 0.2);
  position: relative;
  overflow: hidden;
}

.glass-card::before {
  content: '';

  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  );
}

.glass-card::after {
  content: '';

  width: 1px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.8),
    transparent,
    rgba(255, 255, 255, 0.3)
  );
}

@media screen and (max-width: 800px) {
  .choice {
    margin-block: 10vh;
  }
}



.footer-logo {
width:30px;
}