/* ============================================================
   Quanshium AI Core Design Tokens
   Sovereign command-grade deep-tech system
   ============================================================ */

:root {
  /* ── Brand field: navy command center ── */
  --navy-900: #0a1a33;
  --navy-800: #0f2547;
  --navy-700: #16315c;
  --navy-600: #1d3d70;
  --ink-950: #060d1a;
  --ink-900: #08111f;

  /* ── Tricolour signal accents ── */
  --saffron-600: #e85c10;
  --saffron-500: #ff6a1a;
  --saffron-400: #ff8340;
  --green-700: #0f7a2e;
  --green-600: #138a36;
  --green-500: #1ba346;

  /* ── Quantum data accents ── */
  --quantum-blue: #1e73ff;
  --quantum-cyan: #36c6ff;
  --quantum-glow: rgba(54, 198, 255, 0.18);
  --saffron-glow: rgba(255, 106, 26, 0.22);

  /* ── Light surfaces (proof / spec sections) ── */
  --paper-50: #f6f8fb;
  --paper-100: #eceff4;
  --paper-200: #dde3ec;

  /* ── Text ── */
  --text-on-dark: #e8eef7;
  --text-on-dark-dim: #9db0cc;
  --text-on-dark-faint: #5d728f;
  --text-on-light: #0a1a33;
  --text-on-light-dim: #4a5a72;

  /* ── Borders & lines ── */
  --border-subtle: rgba(157, 176, 204, 0.14);
  --border-strong: rgba(157, 176, 204, 0.28);
  --border-accent: rgba(54, 198, 255, 0.4);
  --border-saffron: rgba(255, 106, 26, 0.45);
  --grid-line: rgba(54, 198, 255, 0.05);

  /* ── Surfaces ── */
  --surface-card: rgba(15, 37, 71, 0.55);
  --surface-card-solid: #0f2547;
  --surface-glass: rgba(10, 26, 51, 0.72);

  /* ── Typography ── */
  --font-display: 'Archivo Expanded', 'Archivo', 'Segoe UI', sans-serif;
  --font-body: 'Archivo', system-ui, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --fs-display: clamp(2.75rem, 7vw, 5rem);
  --fs-h1: clamp(2.1rem, 5vw, 3.4rem);
  --fs-h2: clamp(1.6rem, 3.2vw, 2.4rem);
  --fs-h3: clamp(1.2rem, 2vw, 1.5rem);
  --fs-h4: 1.1rem;
  --fs-body-lg: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.75rem;

  /* ── Spacing (8pt) ── */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --section-y: clamp(4rem, 10vh, 7.5rem);

  /* ── Radius ── */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 100px;

  /* ── Shadows (physical, restrained) ── */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 10px 28px rgba(0, 0, 0, 0.36);
  --shadow-lg: 0 24px 56px rgba(0, 0, 0, 0.5);
  --shadow-glow-cyan: 0 10px 28px rgba(0, 0, 0, 0.36);
  --shadow-glow-saffron: 0 10px 28px rgba(0, 0, 0, 0.36);

  /* ── Layout ── */
  --container: 1280px;
  --container-wide: 1440px;

  /* ── Motion ── */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --transition: 0.3s var(--ease);
  --transition-fast: 0.18s var(--ease);
}