/* ============================================================
   THE ROYAL HUNT — Design Tokens
   The material system: a narrow, disciplined palette.
   Gold is jewelry — used rarely, and only where it matters.
   ============================================================ */

:root {
  /* ---- Color: grounds ---- */
  --pine-black: #0b0f0c;     /* near-black with a green undertone */
  --pine-900:   #0e140f;
  --forest-deep:#14241b;     /* deep forest green */
  --forest-800: #18301f;
  --forest-700: #1f3a28;
  --moss:       #5c6b53;     /* organic signal green */
  --moss-soft:  #6f7d63;

  /* ---- Color: materials ---- */
  --walnut:     #3a2c22;     /* dark oiled wood */
  --walnut-700: #4b3a2c;
  --walnut-500: #6b5340;

  /* ---- Color: light & paper ---- */
  --ivory:      #ede6d6;     /* warm aged paper — never pure white */
  --ivory-dim:  #d8cfbd;
  --stone:      #9a958a;     /* muted neutral text */
  --stone-dim:  #6f6b62;

  /* ---- Color: the jewel ---- */
  --gold:       #b08d4f;     /* desaturated brass — reflects, never glows */
  --gold-soft:  #c8a86b;
  --gold-deep:  #8c6e3a;

  /* ---- Semantic ---- */
  --bg:           var(--pine-black);
  --bg-elevated:  var(--forest-deep);
  --text:         var(--ivory);
  --text-muted:   var(--stone);
  --line:         rgba(176, 141, 79, 0.22);   /* hairline brass */
  --line-soft:    rgba(237, 230, 214, 0.08);
  --accent:       var(--gold);

  /* season signals */
  --sig-open:     #7c9a6a;
  --sig-closing:  #c89a4a;
  --sig-closed:   #7d4a3e;

  /* ---- Typography ---- */
  --font-display: "Cormorant Garamond", "GT Sectra", Georgia, serif;
  --font-body: "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --tracking-label: 0.28em;
  --tracking-wide:  0.08em;
  --tracking-tight: -0.02em;

  /* fluid type scale */
  --fs-mono:   clamp(0.68rem, 0.62rem + 0.3vw, 0.78rem);
  --fs-label:  clamp(0.7rem, 0.66rem + 0.2vw, 0.8rem);
  --fs-body:   clamp(1rem, 0.96rem + 0.3vw, 1.12rem);
  --fs-lead:   clamp(1.2rem, 1.05rem + 0.7vw, 1.6rem);
  --fs-h3:     clamp(1.4rem, 1.1rem + 1.4vw, 2.1rem);
  --fs-h2:     clamp(2rem, 1.4rem + 3vw, 4rem);
  --fs-h1:     clamp(2.8rem, 1.6rem + 6vw, 7.5rem);
  --fs-mega:   clamp(3.4rem, 1.5rem + 9vw, 11rem);

  /* ---- Space & layout ---- */
  --gutter: clamp(1.25rem, 0.8rem + 3vw, 4rem);
  --maxw: 1560px;
  --maxw-text: 60ch;
  --section-y: clamp(5rem, 3rem + 9vw, 12rem);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.35s;
  --dur: 0.7s;
  --dur-slow: 1.1s;

  /* ---- Depth ---- */
  --shadow-soft: 0 1.5rem 4rem -1.5rem rgba(0,0,0,0.7);
  --shadow-lift: 0 2.5rem 6rem -2rem rgba(0,0,0,0.85);
  --radius: 2px;

  --z-grain: 60;
  --z-cursor: 9999;
  --z-nav: 200;
  --z-overlay: 300;
  --z-transition: 500;
}