/* Hallmark · tokens — Cyber-Luxe Precision Engineering (palette: "DESIGN original.md")
 * paper-band: dark (cosmic navy) · display-style: display-heavy (Syne 800, roman) · accent-hue: electric cyan + quad-spectrum
 * source: "DESIGN original.md" @ project root — signature vector #12C2E9 → #0066EB → #5E17EB → #BD00FF
 */
:root {
  /* ---- colour (palette authoritative: "DESIGN original.md") ---- */
  --color-void: #080b1e;               /* deep space obsidian (abyss) */
  --color-bg: #0f1225;                 /* cosmic navy canvas */
  --color-surface-lowest: #0a0d20;
  --color-surface-low: #171a2e;
  --color-surface: #1b1e32;
  --color-surface-high: #26293d;
  --color-surface-highest: #313348;

  --color-ink: #f3f4fb;                /* soft white */
  --color-ink-variant: #bcc9ce;
  --color-ink-muted: #8e98b8;          /* muted atmospheric slate */
  --color-outline-variant: #3c494d;

  /* hairlines & borders — luminous edge system */
  --color-hairline: rgba(243, 244, 251, 0.10);
  --color-hairline-strong: rgba(243, 244, 251, 0.16);
  --color-border-ghost: rgba(243, 244, 251, 0.15);
  --color-grid-guide: rgba(243, 244, 251, 0.05);

  --color-accent: #12c2e9;             /* electric cyan — primary functional action */
  --color-accent-dim: #0a9bc4;
  --color-accent-bright: #68dcff;
  --color-on-accent: #001f27;
  --color-accent-soft: rgba(18, 194, 233, 0.08);
  --color-accent-line: rgba(18, 194, 233, 0.30);
  --color-accent-glow: rgba(18, 194, 233, 0.40);
  --color-accent-2: #bd00ff;           /* vivid magenta — telemetry & critical highlights */
  --color-accent-2-dim: #9d00d6;

  --gradient-spectrum: linear-gradient(135deg, #12c2e9 0%, #0066eb 35%, #5e17eb 70%, #bd00ff 100%);

  --color-whatsapp: #25d366;
  --color-whatsapp-dark: #128c7e;
  --color-focus: #12c2e9;
  --color-error: #ffb4ab;

  /* ---- type ---- */
  --font-display: 'Syne', system-ui, -apple-system, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --text-display: clamp(2.75rem, 7.2vw, 5rem);     /* 44 → 80 */
  --text-h1: clamp(2.25rem, 5.4vw, 3.5rem);        /* 36 → 56 */
  --text-h2: clamp(1.75rem, 3.4vw, 2.5rem);        /* 28 → 40 */
  --text-h3: 1.25rem;                              /* 20 */
  --text-body-lg: 1.125rem;                        /* 18 */
  --text-body: 0.9375rem;                          /* 15 */
  --text-body-sm: 0.8125rem;                       /* 13 */
  --text-label: 0.6875rem;                         /* 11 */
  --text-label-sm: 0.625rem;                       /* 10 */

  --tracking-display: -0.04em;
  --tracking-tight: -0.02em;
  --tracking-label: 0.08em;
  --tracking-label-wide: 0.1em;

  --leading-display: 0.98;
  --leading-tight: 1.1;
  --leading-body: 1.6;

  /* ---- space (powers of two) ---- */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --gutter: 1.5rem;
  --gutter-mobile: 0.75rem;
  --margin: 3rem;
  --margin-mobile: 1rem;

  --measure: 66ch;
  --maxw: 1280px;

  /* ---- motion ---- */
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* ---- shape — Sharp (0px) geometry; pills are the only exception ---- */
  --radius-sm: 0;
  --radius: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-full: 9999px;

  --rule: 1px solid var(--color-hairline);
  --glow-accent: 0 0 16px var(--color-accent-glow);
}