/* ---------------------------------------------------------------------------
   Design tokens. Everything visual is expressed here; a palette or rhythm
   change is a change in this file only.
--------------------------------------------------------------------------- */

:root {
  /* Warm minimal palette --------------------------------------------------- */
  --c-bg:        #F7F4EF;   /* ivory ground */
  --c-bg-alt:    #EFE9E0;   /* greige band */
  --c-bg-plate:  #E7DFD4;   /* image plate / placeholder ground */
  --c-bg-deep:   #1C1A17;   /* graphite band, footer */
  --c-bg-deep-2: #262320;

  --c-ink:       #1C1A17;
  --c-ink-soft:  #6E675E;
  --c-ink-faint: #9A9188;
  --c-on-deep:   #F2EDE5;
  --c-on-deep-soft: #A79E92;

  --c-accent:    #A87E4F;   /* bronze — hairlines only, never a fill */
  --c-accent-soft: #C2A176;
  --c-hairline:  #DCD3C6;
  --c-hairline-deep: #3A352F;

  /* Type ------------------------------------------------------------------- */
  --f-display: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;
  /* Fraunces optical size. Lower values thicken the hairlines: the display
     value (144) is beautiful at poster scale but gets fragile on a phone. */
  --opsz: 96;
  --f-ui: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --fs-hero:   clamp(2.9rem, 7.2vw, 6.4rem);
  --fs-h1:     clamp(2.4rem, 5.4vw, 4.6rem);
  --fs-h2:     clamp(1.9rem, 3.6vw, 3.1rem);
  --fs-h3:     clamp(1.35rem, 2.1vw, 1.85rem);
  --fs-lead:   clamp(1.05rem, 1.45vw, 1.35rem);
  --fs-body:   clamp(0.98rem, 1.05vw, 1.06rem);
  --fs-small:  0.86rem;
  --fs-micro:  0.72rem;

  --lh-tight: 1.1;   /* room for Fraunces' deep descenders */
  --lh-head:  1.12;
  --lh-body:  1.68;

  --tr-eyebrow: 0.2em;
  --tr-caps:    0.14em;

  /* Rhythm ----------------------------------------------------------------- */
  --s-1: 0.5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2.25rem;
  --s-5: 3.25rem;
  --s-6: 5rem;
  --s-7: 7.5rem;
  --s-8: 11rem;

  --band-y: clamp(4.5rem, 9vw, 9.5rem);
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --w-container: 1240px;
  --w-wide: 1560px;
  --w-narrow: 34rem;

  /* Motion — content is slow, chrome is quick. That split is the whole feel. */
  --t-chrome:  320ms;
  --t-mid:     560ms;
  --t-content: 900ms;
  --t-slow:    1300ms;
  --e-soft:    cubic-bezier(0.22, 0.61, 0.36, 1);
  --e-inout:   cubic-bezier(0.65, 0, 0.35, 1);
  --e-out:     cubic-bezier(0.16, 1, 0.3, 1);

  --nav-h: 5.25rem;
  /* The bar sits above the drawer so the burger stays reachable to close it —
     on a phone the drawer is full-width and there is no veil left to tap. */
  --z-nav: 960;
  --z-drawer: 950;
  --z-consent: 930;
  --z-cursor: 990;
  --z-preloader: 1000;
}

@media (min-width: 1024px) {
  :root { --nav-h: 6.25rem; }
}