/* ═══════════════════════════════════════════
   RSMLH SOLUTIONS — design tokens
   THE THREAD · loom-black / warm bone / fiber-amber
   (crystal skin values archived in css/tokens-crystal.css)
   Every colour, easing and z-level in the site
   references these by name — no inline values.
   ═══════════════════════════════════════════ */

:root {
  /* surfaces + ink */
  --bg: #0b0a08;
  --bg-2: #13100b;
  --ink: #f0e9df;
  --ink-dim: #978d80;

  /* accent — woven-fiber amber */
  --accent: #ffb061;
  --accent-dim: rgba(255, 176, 97, 0.35);
  --accent-glow: rgba(255, 176, 97, 0.08);
  --danger: #ff5964;

  /* ink alpha ladder — hairlines, borders, muted labels */
  --ink-10: rgba(240, 233, 223, 0.1);
  --ink-15: rgba(240, 233, 223, 0.15);
  --ink-22: rgba(240, 233, 223, 0.22);
  --ink-38: rgba(240, 233, 223, 0.38);
  --ink-50: rgba(240, 233, 223, 0.5);

  /* bg veils — section washes over the orbit stage, text shadows */
  --veil-45: rgba(11, 10, 8, 0.45);
  --veil-55: rgba(11, 10, 8, 0.55);
  --veil-60: rgba(11, 10, 8, 0.6);
  --veil-70: rgba(11, 10, 8, 0.7);
  --veil-80: rgba(11, 10, 8, 0.8);

  /* card surface gradient stops */
  --card-hi: #171309;
  --card-lo: #0d0b08;

  /* type */
  --display: "Clash Display", sans-serif;
  --body: "General Sans", sans-serif;
  --mono: "JetBrains Mono", monospace;

  /* motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);

  /* z scale */
  --z-stage: 1;    /* fixed orbit canvas */
  --z-content: 2;  /* main */
  --z-nav: 80;
  --z-hud: 86;     /* progress bar + site hud */
  --z-veil: 90;    /* grain */
  --z-cursor: 95;
  --z-max: 100;    /* preloader, skip link */
}