@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-italic-latin.woff2") format("woff2");
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../fonts/dm-sans-latin.woff2") format("woff2");
}

:root {
  /* Brand */
  --gold: #c9a55c;
  --gold-hover: #d7b66f;

  /* Navy palette */
  --navy-900: #09162e;
  --navy-800: #0b1b3a;
  --navy-700: #132748;
  --navy-600: #1c3560;

  /* Paper / Cream palette */
  --paper: #f6f1e7;
  --paper-warm: #efe7d6;
  --cream: #fbf7ee;
  --cream-hover: #fffbf1;
  --ivory: #f6efde;
  --ivory-bright: #f4eee0;
  --ivory-glow: #fff7e9;

  /* Body text */
  --ink: #0e1726;
  --ink-soft: #3a4357;
  --ink-mute: #6b7487;

  /* Borders */
  --line: rgba(14, 23, 38, 0.12);
  --line-strong: rgba(14, 23, 38, 0.22);
  --gold-line: rgba(201, 165, 92, 0.32);

  /* Gold alpha stops (top-frequency) */
  --gold-08: rgba(201, 165, 92, 0.08);
  --gold-10: rgba(201, 165, 92, 0.10);
  --gold-12: rgba(201, 165, 92, 0.12);
  --gold-14: rgba(201, 165, 92, 0.14);
  --gold-16: rgba(201, 165, 92, 0.16);
  --gold-18: rgba(201, 165, 92, 0.18);
  --gold-22: rgba(201, 165, 92, 0.22);
  --gold-24: rgba(201, 165, 92, 0.24);
  --gold-28: rgba(201, 165, 92, 0.28);
  --gold-36: rgba(201, 165, 92, 0.36);
  --gold-38: rgba(201, 165, 92, 0.38);
  --gold-55: rgba(201, 165, 92, 0.55);

  /* Ivory alpha stops on dark surfaces (top-frequency) */
  --ivory-04: rgba(246, 239, 222, 0.04);
  --ivory-05: rgba(246, 239, 222, 0.05);
  --ivory-08: rgba(246, 239, 222, 0.08);
  --ivory-10: rgba(246, 239, 222, 0.10);
  --ivory-14: rgba(246, 239, 222, 0.14);
  --ivory-16: rgba(246, 239, 222, 0.16);
  --ivory-18: rgba(246, 239, 222, 0.18);
  --ivory-22: rgba(246, 239, 222, 0.22);
  --ivory-36: rgba(246, 239, 222, 0.36);
  --ivory-42: rgba(246, 239, 222, 0.42);
  --ivory-58: rgba(246, 239, 222, 0.58);
  --ivory-62: rgba(246, 239, 222, 0.62);
  --ivory-65: rgba(246, 239, 222, 0.65);
  --ivory-68: rgba(246, 239, 222, 0.68);
  --ivory-72: rgba(246, 239, 222, 0.72);
  --ivory-75: rgba(246, 239, 222, 0.75);
  --ivory-88: rgba(246, 239, 222, 0.88);

  /* Fonts */
  --font-serif: "Cormorant Garamond", Georgia, serif;
  --font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, monospace;

  /* Type scale */
  --text-mono: 10px;
  --text-eyebrow: 11px;
  --text-meta: 12px;
  --text-sm: 13px;
  --text-xs: 14px;
  --text-15: 15px;
  --text-base: 16px;
  --text-lg: 17px;
  --text-18: 18px;
  --text-xl: 20px;
  --text-2xl: 22px;
  --text-3xl: 28px;
  --text-30: 30px;
  --text-4xl: 32px;
  --text-5xl: 38px;
  --text-display-sm: clamp(40px, 4.6vw, 66px);
  --text-display-md: clamp(42px, 4.8vw, 72px);
  --text-display-lg: clamp(62px, 8vw, 120px);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 0.2s;
  --duration-medium: 0.24s;
  --duration-slow: 0.35s;

  /* Shadows */
  --shadow-editorial-lift: 0 28px 90px rgba(2, 8, 18, 0.24);
  --shadow-trust-card: 0 18px 50px rgba(9, 22, 46, 0.07);
  --shadow-mobile-nav: 0 22px 48px rgba(0, 0, 0, 0.26);
}