/* tokens.css — Deskspawn. Every colour and face on the site comes from here.
 *
 * Light system, three roles and nothing else:
 *   violet  — Deskspawn: the desktops and the fleet
 *   amber   — the agent: its cursor, its requests
 *   flash   — the good moment: a desktop handed out, a check passed
 * Neutrals are tinted toward the violet anchor. Contrast on --bg: fg 18.6:1, fg-2 8.4:1,
 * fg-3 4.9:1 (also 4.9:1 on --bg-2), violet 4.8:1, amber 11.9:1. */
:root {
  --bg: #0a090d;
  --bg-2: #131118;
  --bg-3: #0e0c12;
  --fg: #f6f3fa;
  --fg-2: #aba6b6;
  --fg-3: #85808f;
  --line: #26232d;
  --line-2: #3a3644;
  --scrim: rgba(10, 9, 13, .82);
  --scrim-soft: rgba(10, 9, 13, .45);
  --scrim-none: rgba(10, 9, 13, 0);

  --violet: #a94cf5;
  --violet-soft: #cda3ff;
  --violet-deep: #3524c0;
  --amber: #ffb35c;
  --flash: #f6ecff;
  --focus: #cda3ff;

  /* galaxy ramp — read by galaxy.js via hexToLinear */
  --accent-1: #f6ecff;   /* nucleus — lilac white */
  --accent-2: #cda3ff;   /* inner arms — light violet */
  --accent-3: #a94cf5;   /* mid arms — violet (red kept up: additive stacking saturates blue first here) */
  --accent-4: #3524c0;   /* outer dust — deep indigo */

  /* eye mark */
  --eye-1: #d9a0ff; --eye-2: #8a2be2; --eye-3: #1a0530; --eye-glow: #b45cff; --eye-socket: #140428; --eye-pupil: #050505;
  --eye-halo: rgba(180, 92, 255, .48);
  --glow-1: rgba(226, 180, 255, .90); --glow-2: rgba(180, 92, 255, 1); --glow-3: rgba(138, 43, 226, .95); --glow-4: rgba(104, 36, 220, .80);

  /* three faces: display, body, and mono as the data/code register */
  --font-display: "Syne", "Inter", system-ui, sans-serif;
  --font-sans: "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --t-xs: 12px;
  --t-sm: 14px;
  --t-md: 16px;
  --t-lg: clamp(18px, 1.5vw, 21px);
  --t-xl: clamp(24px, 2.4vw, 32px);
  --t-2xl: clamp(32px, 4.2vw, 56px);
  --t-3xl: clamp(38px, 5vw, 72px);

  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px;
  --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;

  --sec-pad: clamp(64px, 10vw, 144px);
  --gutter: clamp(16px, 3.5vw, 48px);
  --measure: 62ch;
  --nav-h: 72px;
  --radius: 12px;
  --radius-sm: 8px;
  --radius-pill: 999px;

  --z-canvas: 0; --z-scrim: 1; --z-content: 2; --z-grain: 5; --z-nav: 20;
  --ease: cubic-bezier(.22, .61, .36, 1);
}