/* ============================================================
   PROJECT ARK ONE — Design Tokens (v2)
   Direction: ivory + olive on deep forest green (NO bright accent);
   photography carries the colour. Display = Anton (heavy condensed),
   body = Manrope. Re-skin the whole document from here.
   ============================================================ */

:root {
  /* ---- Colour: forest (dark sections) ---- */
  --ink:        #0A1610;   /* deepest forest, near-black */
  --forest:     #10261A;   /* deep green surface */
  --forest-2:   #17331F;   /* raised surface */
  --forest-3:   #21492E;   /* highest raised */

  /* ---- Colour: ivory & olive (text + the only accent) ---- */
  --bone:       #F3EDDF;   /* warm ivory, primary text on dark */
  --bone-2:     #E6DCC6;
  --bone-dim:   rgba(243,237,223,.76);
  --bone-faint: rgba(243,237,223,.48);
  --olive:      #AEB981;   /* muted sage-olive, the accent on dark */
  --olive-2:    #C4CE9C;
  --olive-deep: #566A31;   /* olive for light backgrounds */
  --sand:       #C9B48D;

  /* ---- Colour: paper (light sections) ---- */
  --paper:      #F5F0E5;
  --paper-2:    #EFE8D8;
  --paper-ink:  #1B2A20;
  --paper-mut:  #55634F;

  /* ---- Colour: utility ---- */
  --line:       rgba(243,237,223,.15);
  --line-dk:    rgba(27,42,32,.12);

  /* ---- Typography ---- */
  --font-display: "Anton", Impact, "Arial Narrow", sans-serif;  /* heavy condensed, USED UPPERCASE */
  --font-body:    "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-mega:   clamp(3rem, 9.5vw, 9.5rem);
  --fs-h1:     clamp(2.3rem, 6vw, 5.5rem);
  --fs-h2:     clamp(1.8rem, 3.4vw, 3rem);
  --fs-h3:     clamp(1.1rem, 1.5vw, 1.35rem);
  --fs-lead:   clamp(1.1rem, 1.45vw, 1.4rem);
  --fs-body:   clamp(1rem, 1.1vw, 1.12rem);
  --fs-eyebrow:.75rem;

  /* display tuning */
  --disp-ls:   .025em;     /* Anton likes a hair of tracking */
  --disp-lh:   .9;

  /* ---- Space & layout ---- */
  --maxw:      1280px;
  --maxw-text: 720px;
  --gut:       clamp(1.25rem, 4vw, 4.5rem);
  --sec-y:     clamp(5.5rem, 11vw, 11rem);   /* generous section rhythm */
  --radius:    6px;
  --radius-lg: 16px;

  /* ---- Motion ---- */
  --ease:     cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);

  /* ---- Elevation ---- */
  --shadow:    0 20px 55px -20px rgba(0,0,0,.6);
  --shadow-lg: 0 44px 100px -34px rgba(0,0,0,.72);
}