/* ============================================================
   Haykama design tokens (canonical source)
   Scales are anchored to the live site palette: every legacy
   site.css variable lands ON a scale step (noted inline).
   Merge target: web/site/site.css :root.
   ============================================================ */
:root{

  /* ---- pine: structural green: headings, nav ink, dark signature panels ---- */
  --pine-50:#edf5f2;
  --pine-100:#d3e7e0;
  --pine-200:#aacfc4;
  --pine-300:#7db3a4;
  --pine-400:#529682;
  --pine-500:#2b7a64;
  --pine-600:#16604e;
  --pine-700:#0d4a3e;  /* = legacy --pine-2 */
  --pine-800:#0b3d33;  /* = legacy --pine */
  --pine-900:#07231d;  /* = legacy --pine-deep */

  /* ---- emerald: action green: links, focus, success, primary hover ---- */
  --emerald-50:#e7f4ef;  /* = legacy --emerald-soft */
  --emerald-100:#cbe7dc;  /* = legacy --emerald-line */
  --emerald-200:#a4d8c5;
  --emerald-300:#79c6ab;
  --emerald-400:#4bb18f;
  --emerald-500:#26a07c;
  --emerald-600:#0e8f6f;  /* = legacy --emerald */
  --emerald-700:#0b7359;
  --emerald-800:#085743;
  --emerald-900:#063f31;

  /* ---- gold: reward metal: achievement moments, keystone accents (200 = deliberate chroma peak) ---- */
  --gold-50:#fbf6e9;
  --gold-100:#f7efdd;  /* = legacy --gold-soft */
  --gold-200:#ffd98a;  /* = legacy --gold-bright */
  --gold-300:#edc46c;
  --gold-400:#dbb35a;
  --gold-500:#c9a24b;  /* = legacy --gold */
  --gold-600:#a8853c;
  --gold-700:#8a6d2c;  /* = legacy --gold-ink */
  --gold-800:#6b541f;
  --gold-900:#4a3a12;

  /* ---- neutral: green-tinted grays: canvas, hairlines, body text ---- */
  --neutral-50:#f6faf8;  /* = legacy canvas / bg */
  --neutral-100:#ecf2ef;
  --neutral-200:#dfe9e5;  /* = legacy --line */
  --neutral-300:#cfe0da;  /* = legacy --line-2 */
  --neutral-400:#a9c0b8;
  --neutral-500:#8aa09a;  /* = legacy --mist */
  --neutral-600:#687f78;
  --neutral-700:#4d615a;  /* = legacy --slate */
  --neutral-800:#2f423c;
  --neutral-900:#152420;  /* = legacy --ink */

  /* ---- core aliases (the names site.css already uses) ---- */
  --pine:var(--pine-800); --pine-2:var(--pine-700); --pine-deep:var(--pine-900);
  --emerald:var(--emerald-600); --emerald-soft:var(--emerald-50); --emerald-line:var(--emerald-100);
  --gold:var(--gold-500); --gold-soft:var(--gold-100); --gold-bright:var(--gold-200); --gold-ink:var(--gold-700);
  --ink:var(--neutral-900); --slate:var(--neutral-700); --mist:var(--neutral-500);
  --bg:var(--neutral-50); --card:#ffffff; --line:var(--neutral-200); --line-2:var(--neutral-300);
  --grad:linear-gradient(100deg,var(--emerald) 10%,var(--gold) 90%);

  /* ---- semantic ---- */
  --success:#0e8f6f;  /* emerald-600 */
  --success-soft:#e7f4ef;  /* emerald-50 */
  --warning:#a8853c;  /* gold-600 */
  --warning-soft:#f7efdd;  /* gold-100 */
  --danger:#b3564d;  /* site red */
  --danger-soft:#fbeaea;  /* site red-soft */
  --info:#2b7a64;  /* pine-500 */
  --info-soft:#edf5f2;  /* pine-50 */
  --danger-line:#eccfcc;  /* site red-line */
  --warning-line:#e3cf9d;
  --success-line:var(--emerald-100); --info-line:var(--pine-100);

  /* ---- dark surfaces (signature pine panels) ---- */
  --surface-dark-1:#07231d;  /* deepest: footer, panel floor (pine-900) */
  --surface-dark-2:#0b3d33;  /* base dark surface (pine-800) */
  --surface-dark-3:#0d4a3e;  /* raised dark surface (pine-700) */
  --surface-terminal:#071e19;  /* terminal card */
  --on-dark:#eaf4f0;  /* primary text on dark */
  --on-dark-muted:#c3d8d1;  /* secondary text on dark */
  --on-dark-faint:#9fbcb2;  /* tertiary text on dark */
  --emerald-on-dark:#3fd0a4;  /* emerald tuned for dark surfaces */
  --gold-on-dark:#ffd98a;  /* gold tuned for dark surfaces (= gold-200) */
  --line-on-dark:rgba(255,255,255,.12);

  /* ---- geometry: radius (10 / 14 / 20) ---- */
  /* merge note: site.css currently ships --r-lg:22px; converge on 20px. */
  --r-sm:10px; --r:14px; --r-lg:20px;

  /* ---- spacing: 4px base steps ---- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-7:32px; --sp-8:40px; --sp-9:48px; --sp-10:64px;

  /* ---- elevation: 1 subtle / 2 resting / 3 raised (2 and 3 = legacy --shadow / --shadow-lg) ---- */
  --shadow-1:0 1px 2px rgba(11,61,51,.07);
  --shadow-2:0 1px 2px rgba(11,61,51,.06),0 10px 30px rgba(11,61,51,.08);
  --shadow-3:0 2px 6px rgba(11,61,51,.09),0 26px 70px rgba(11,61,51,.15);
  --shadow:var(--shadow-2); --shadow-lg:var(--shadow-3);

  /* ---- type ---- */
  --sans:"Segoe UI",Tahoma,"Helvetica Neue",Arial,sans-serif;  /* site chrome, AR + EN */
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;      /* codes, figures, kickers; always LTR */

  /* ---- motion ---- */
  --ease:cubic-bezier(.2,.7,.3,1);  /* the house curve: fast in, soft landing */
  --dur-hover:.2s; --dur-panel:.45s; --dur-reveal:.7s; --dur-orbit:90s;
}