/* =========================================================================
   Clancestry 2026 — Design tokens
   Palette sampled from the festival's teal / ember / indigo floral artwork.
   "Songlines after dark": deep indigo night, warm ember, living teal.
   ========================================================================= */

:root {
  /* --- Indigo night (backgrounds & surfaces) --- */
  --ink-900: #100E22;   /* deepest — page base */
  --ink-850: #16142B;
  --ink-800: #1C1838;   /* raised surface */
  --ink-700: #251F47;   /* cards */
  --ink-600: #322A60;   /* hairlines / hover */
  --ink-500: #423A78;

  /* --- Ember (primary warm accent) --- */
  --ember-600: #D5550F;
  --ember-500: #EE6A1E;
  --ember-400: #FF8638;
  --ember-300: #FFA866;

  /* --- Teal (living / cultural accent) --- */
  --teal-600: #157068;
  --teal-500: #1C8C84;
  --teal-400: #37B3A6;
  --teal-300: #62D6C8;

  /* --- Sand / cream (text on dark) --- */
  --sand-50:  #FBF6EA;
  --sand-100: #F4ECD8;  /* primary text */
  --sand-300: #DBCFB2;
  --haze:     #A99FC0;  /* muted lavender-grey */
  --haze-dim: #6F6790;

  /* --- Semantic --- */
  --bg:            var(--ink-900);
  --bg-alt:        var(--ink-850);
  --surface:       var(--ink-700);
  --text:          var(--sand-100);
  --text-muted:    var(--haze);
  --accent:        var(--ember-500);
  --accent-2:      var(--teal-400);
  --line:          color-mix(in srgb, var(--sand-100) 14%, transparent);
  --line-strong:   color-mix(in srgb, var(--sand-100) 26%, transparent);

  /* --- Typography — Clancestry brand ---
     Display = Franklin Gothic URW Cond (official brand face), set ALL CAPS.
     It is a licensed URW font (NOT on Google Fonts): self-host woff2 in
     assets/fonts/ (see assets/fonts/README.md) to serve every visitor. Until
     then it renders for anyone who has it installed locally, otherwise the
     Arial Narrow condensed fallback. Body = Archivo; labels = DM Mono. */
  --font-display: "Franklin Gothic URW Cond", "Franklin Gothic Condensed", "Arial Narrow", "Archivo", system-ui, sans-serif;
  --font-body:    "Archivo", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Fluid type scale (1.25 minor-third-ish, fluid) */
  --step--1: clamp(0.80rem, 0.77rem + 0.15vw, 0.90rem);
  --step-0:  clamp(1.00rem, 0.95rem + 0.25vw, 1.18rem);
  --step-1:  clamp(1.30rem, 1.18rem + 0.6vw, 1.7rem);
  --step-2:  clamp(1.7rem, 1.45rem + 1.2vw, 2.6rem);
  --step-3:  clamp(2.3rem, 1.8rem + 2.4vw, 4rem);
  --step-4:  clamp(3rem, 2.1rem + 4.4vw, 6.5rem);
  --step-5:  clamp(3.6rem, 1.9rem + 8vw, 11rem);   /* hero monumental */

  /* --- Spacing & layout --- */
  --space-2xs: 0.5rem;
  --space-xs:  0.85rem;
  --space-s:   1.25rem;
  --space-m:   2rem;
  --space-l:   3.25rem;
  --space-xl:  5rem;
  --space-2xl: 8rem;
  --space-3xl: 12rem;

  --maxw: 78rem;
  --maxw-text: 46rem;
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --radius: 4px;
  --radius-lg: 10px;

  /* --- Motion --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur: 0.7s;

  /* --- Effects --- */
  --shadow-photo: 0 30px 60px -28px rgba(0,0,0,0.8), 0 4px 16px -8px rgba(0,0,0,0.6);
  --grain-opacity: 0.05;
}