@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=Young+Serif&display=swap");
:root:not(#_) {
  --cream: #f2eee6;
  --ivory: #fbf9f4;
  --paper: #fffefb;
  --parchment: #e7e1d5;
  --champagne: #dccdb0;
  --gold: #d4952a;
  --gold-deep: #ad7414;
  --gold-ink: #7a4f0a;
  --gold-soft: rgba(212, 149, 42, 0.34);
  --gold-faint: rgba(212, 149, 42, 0.14);
  --gold-line: rgba(212, 149, 42, 0.4);
  --gold-glow: rgba(212, 149, 42, 0.26);
  --espresso: #12302a;
  --espresso-2: #1c463d;
  --ink: #17211e;
  --ink-soft: rgba(23, 33, 30, 0.8);
  --muted: #57615d;
  --line: rgba(23, 33, 30, 0.12);
  --line-strong: rgba(23, 33, 30, 0.28);
  --blush: #e8b597;
  --blush-faint: rgba(232, 181, 151, 0.18);
  --rose: #a3442a;
  --terracotta: #8c3a20;
  --teal: #1f6f5c;
  --on-dark: #f6f1e7;
  --on-dark-soft: rgba(246, 241, 231, 0.8);
  --on-dark-faint: rgba(246, 241, 231, 0.1);
  --scrim: rgba(18, 48, 42, 0.55);
  --glass: rgba(251, 249, 244, 0.92);
  --accent-ink: #12302a;
  --focus-color: #a3442a;
  --brand-mark-bg: linear-gradient(145deg, #fbf9f4, #e7e1d5);
  --login-bg: radial-gradient(circle at 12% 0%, rgba(212, 149, 42, 0.22), transparent 34%), radial-gradient(circle at 100% 100%, rgba(31, 111, 92, 0.16), transparent 40%), linear-gradient(160deg, #fbf9f4, #f2eee6);
  --shadow-btn: 0 8px 18px rgba(212, 149, 42, 0.24);
  --font-display: "Young Serif", Georgia, "Times New Roman", serif;
  --font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-script: "Young Serif", Georgia, serif;
  --wordmark-tracking: -0.01em;
}
@media (prefers-color-scheme: dark) {
  :root:not(#_):not([data-theme="light"]) {
    --bg: #0e1714;
    --surface: #15211d;
    --surface-2: #1b2a25;
    --surface-sunk: #0b1210;
    --text: #efe9dd;
    --text-soft: rgba(239, 233, 221, 0.82);
    --text-muted: #a9b2ad;
    --line: rgba(239, 233, 221, 0.12);
    --line-strong: rgba(239, 233, 221, 0.3);
    --primary: #e0a640;
    --primary-text: #0e1714;
    --gold-ink: #e0a640;
    --gold-soft: rgba(224, 166, 64, 0.3);
    --gold-faint: rgba(224, 166, 64, 0.12);
    --focus-color: #e0a640;
    --glass: rgba(21, 33, 29, 0.92);
    --login-bg: radial-gradient(circle at 12% 0%, rgba(224, 166, 64, 0.18), transparent 34%), linear-gradient(160deg, #15211d, #0e1714);
  }
}
:root:not(#_)[data-theme="dark"] {
  --bg: #0e1714;
  --surface: #15211d;
  --surface-2: #1b2a25;
  --surface-sunk: #0b1210;
  --text: #efe9dd;
  --text-soft: rgba(239, 233, 221, 0.82);
  --text-muted: #a9b2ad;
  --line: rgba(239, 233, 221, 0.12);
  --line-strong: rgba(239, 233, 221, 0.3);
  --primary: #e0a640;
  --primary-text: #0e1714;
  --gold-ink: #e0a640;
  --gold-soft: rgba(224, 166, 64, 0.3);
  --gold-faint: rgba(224, 166, 64, 0.12);
  --focus-color: #e0a640;
  --glass: rgba(21, 33, 29, 0.92);
  --login-bg: radial-gradient(circle at 12% 0%, rgba(224, 166, 64, 0.18), transparent 34%), linear-gradient(160deg, #15211d, #0e1714);
}