/* Greenaldo — color tokens. Base palette pulled from the intro video (sand, shadow, ochre). */
:root{
  /* Obsidian — warm near-blacks (surfaces) */
  --obsidian-950:#080706;
  --obsidian-900:#0e0c0a;
  --obsidian-850:#14110e;
  --obsidian-800:#1b1713;
  --obsidian-700:#26211b;
  --obsidian-600:#352e26;
  --obsidian-500:#4a4136;

  /* Sand — sampled from the video dunes */
  --sand-100:#f2e4c9;
  --sand-200:#e6cfa2;
  --sand-300:#d6b47c;
  --sand-400:#c49a5e;
  --sand-500:#a97f46;
  --sand-600:#86632f;
  --sand-700:#5e4520;

  /* Bone — text on dark */
  --bone-50:#f6efe2;
  --bone-200:#d9cfbd;
  --bone-400:#a89c88;
  --bone-600:#7a705f;

  /* Film palettes — one accent per classic */
  --idol-gold:#e0a53a;       /* Indiana Jones — the golden idol */
  --route-red:#c8321f;       /* Indiana Jones — the travel-map line */
  --flux-orange:#ff7a1a;     /* Back to the Future — fire trails */
  --flux-blue:#39b8ff;       /* Back to the Future — flux capacitor */
  --matrix-green:#35f07a;    /* The Matrix — phosphor */
  --matrix-deep:#0a3d1e;
  --gotham-steel:#8a969e;    /* The Dark Knight — cold steel */
  --gotham-signal:#f1c94a;   /* The Dark Knight — bat-signal */
  --skynet-red:#ff2a1f;      /* Terminator — HUD red */
  --skynet-chrome:#b9c3cc;
  --shank-sky:#8fb7c9;       /* Shawshank — the sky on the roof */
  --shank-stone:#6e6a5e;
  --woad-blue:#2f5597;       /* Braveheart — woad */
  --highland:#4d6b3c;

  /* Semantic */
  --success:#6fbf5a;
  --warning:#e0a53a;
  --danger:#d8402b;
  --info:#5aa9d6;

  /* Semantic aliases — default (Arena / Indiana) theme */
  --bg-page:var(--obsidian-900);
  --bg-sunken:var(--obsidian-950);
  --surface-card:var(--obsidian-850);
  --surface-raised:var(--obsidian-800);
  --surface-hover:var(--obsidian-700);
  --border-subtle:rgba(214,180,124,.12);
  --border-default:rgba(214,180,124,.24);
  --border-strong:rgba(214,180,124,.5);
  --text-strong:var(--bone-50);
  --text-body:var(--bone-200);
  --text-muted:var(--bone-400);
  --text-faint:var(--bone-600);
  --text-on-accent:#140f08;
  --accent:var(--idol-gold);
  --accent-hover:#f0b84d;
  --accent-press:#c48d27;
  --accent-soft:rgba(224,165,58,.14);
  --accent-2:var(--route-red);
  --focus-ring:rgba(224,165,58,.55);
}

/* Film themes — set data-film on any container to swap the accent world */
[data-film="indiana"]{--accent:var(--idol-gold);--accent-hover:#f0b84d;--accent-press:#c48d27;--accent-soft:rgba(224,165,58,.14);--accent-2:var(--route-red);--focus-ring:rgba(224,165,58,.55);}
[data-film="future"]{--accent:var(--flux-orange);--accent-hover:#ff9244;--accent-press:#e0620a;--accent-soft:rgba(255,122,26,.14);--accent-2:var(--flux-blue);--focus-ring:rgba(57,184,255,.55);}
[data-film="matrix"]{--accent:var(--matrix-green);--accent-hover:#6bff9d;--accent-press:#1fc75a;--accent-soft:rgba(53,240,122,.12);--accent-2:#1b8f47;--focus-ring:rgba(53,240,122,.5);--text-on-accent:#021a0b;}
[data-film="gotham"]{--accent:var(--gotham-signal);--accent-hover:#ffd966;--accent-press:#d1a92f;--accent-soft:rgba(241,201,74,.12);--accent-2:var(--gotham-steel);--focus-ring:rgba(241,201,74,.5);}
[data-film="skynet"]{--accent:var(--skynet-red);--accent-hover:#ff5147;--accent-press:#d11a10;--accent-soft:rgba(255,42,31,.13);--accent-2:var(--skynet-chrome);--focus-ring:rgba(255,42,31,.55);--text-on-accent:#fff;}
[data-film="shawshank"]{--accent:var(--shank-sky);--accent-hover:#a9cbdb;--accent-press:#739fb3;--accent-soft:rgba(143,183,201,.13);--accent-2:var(--shank-stone);--focus-ring:rgba(143,183,201,.5);}
[data-film="braveheart"]{--accent:#5b86d6;--accent-hover:#76a0ec;--accent-press:#3f69b8;--accent-soft:rgba(91,134,214,.14);--accent-2:var(--highland);--focus-ring:rgba(91,134,214,.55);--text-on-accent:#fff;}