@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&family=Manrope:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap");

:root {
  --luxe-ink: #1c1c18;
  --luxe-paper: #fcf9f2;
  --luxe-paper-low: #f6f3ec;
  --luxe-gold: #735c00;
  --luxe-gold-light: #d4af37;
  --luxe-secondary: #6b5c42;
  --luxe-outline: #d0c5af;
  --luxe-inverse: #31312c;
  --luxe-inverse-text: #f3f0ea;
  --luxe-shadow: 0 24px 48px -12px rgba(28, 28, 24, 0.08);
}

body {
  font-family: "Manrope", sans-serif;
}

h1,
h2,
h3,
.font-noto-serif {
  font-family: "Noto Serif", serif;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 350, "GRAD" 0, "opsz" 24;
  vertical-align: middle;
}

.signature-gradient,
.bg-signature-texture {
  background: linear-gradient(135deg, var(--luxe-gold) 0%, var(--luxe-gold-light) 100%);
}

.glass-nav {
  background-color: rgba(252, 249, 242, 0.8);
  backdrop-filter: blur(20px);
}

.glass-panel {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(20px);
}

.hide-scrollbar::-webkit-scrollbar,
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.hide-scrollbar,
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.font-manrope {
  font-family: "Manrope", sans-serif;
}

.font-headline {
  font-family: "Noto Serif", serif;
}

.shadow-luxe {
  box-shadow: var(--luxe-shadow);
}

body.private-page {
  opacity: 0;
}

body.private-page.is-authenticated {
  opacity: 1;
}