/* ----------------------------------------------------------------------------
   SPEC-129 §4.8 — abovebored.mt public-site token sheet.
   Mirrors the Above Bored design-system export (docs/active/above-bored-public/
   design_handoff_chra/above_bored_design_system/tokens/*.css); the shared layer
   (frontend/layers/shared/theme.config.ts → retroTropicana) stays canonical for
   the apps. scripts/check-public-site.sh guards value parity (AC-P8), and this
   file is the ONLY place in public-site/ where a 6-digit hex may appear.
   ---------------------------------------------------------------------------- */
:root {
  color-scheme: dark;

  /* === Colour — Retro Tropicana (triplets for alpha + hex aliases) ========= */
  --theme-primary: 28 43 74;
  --theme-primary-light: 44 63 99;
  --theme-primary-dark: 15 27 51;
  --ab-navy: #1C2B4A;
  --ab-navy-light: #2C3F63;
  --ab-navy-dark: #0F1B33;
  /* prototype panel surfaces (README "Design tokens (current)") */
  --ab-navy-card: #15233E;
  --ab-navy-panel: #122038;
  --ab-navy-shutter: #0B1526;

  --theme-accent: 248 113 160;
  --theme-accent-light: 255 160 192;
  --theme-accent-dark: 231 93 140;
  --ab-pink: #F871A0;
  --ab-pink-light: #FFA0C0;
  --ab-pink-dark: #E75D8C;
  --ab-pink-neon-text: #FFD3E2;
  --ab-pink-neon-text-hover: #FFEAF2;

  --theme-secondary: 14 116 144;
  --ab-teal: #0E7490;
  --ab-teal-light: #0891B2;
  --ab-teal-dark: #0C6478;

  --theme-neutral: 184 180 208;
  --theme-neutral-light: 232 228 240;
  --theme-neutral-dark: 46 43 69;
  --ab-neutral: #B8B4D0;

  --ab-white: #FFFFFF;

  /* status (badge/dot use — DS semantic slots + prototype glow variants) */
  --theme-success: 16 185 129;
  --theme-success-light: 110 231 183;
  --ab-success: #10B981;
  --ab-success-glow: #6EE7B7;
  --theme-warning: 245 158 11;
  --theme-warning-light: 252 211 77;
  --ab-warning: #F59E0B;
  --ab-warning-glow: #FCD34D;
  --theme-danger: 217 77 77;
  --ab-danger: #D94D4D;
  --ab-danger-glow: #E57373;

  /* the fixed pipe duo — sky into sea; NEVER re-coloured per status */
  --theme-pipe-from: #F871A0;
  --theme-pipe-from-rgb: 248 113 160;
  --theme-pipe-to: #0E7490;
  --theme-pipe-to-rgb: 14 116 144;

  /* SPEC-129 S-2 — the exported leaf trio, pink → violet → cyan */
  --leaf-from: #F871A0;
  --leaf-mid: #B879C4;
  --leaf-to: #22B8DA;

  /* === Semantic aliases (dark public site: ink surfaces) =================== */
  --surface-page: var(--ab-navy);
  --surface-card: var(--ab-navy-card);
  --surface-ink: var(--ab-navy);
  --surface-ink-2: var(--ab-navy-dark);
  --text-on-ink: #FFFFFF;
  --border-hairline: rgba(248, 113, 160, 0.16);

  /* === Type — Archivo Black + Archivo (the documented deliberate deviation;
     design-system faces stay canonical for the apps). Self-hosted — no third-party font CDN. ==== */
  --font-display: 'Archivo Black', 'Archivo', system-ui, sans-serif;
  --font-body: 'Archivo', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* === Shape (DS ladder subset used here) ================================== */
  --radius-md: 0.75rem;   /* 12px — alert/inset boxes */
  --radius-lg: 1rem;      /* 16px — panels             */
  --radius-xl: 1.5rem;    /* 24px — cards              */
  --radius-badge: 20px;   /* prototype status badges   */
  --radius-full: 999px;   /* CTA pills / the neon tube */

  /* border widths (DS export shape.css) */
  --border-width-hairline: 1px;
  --border-width-pipe: 1.5px;
  --border-width-emphasis: 2px;

  /* === Motion (DS export motion.css) ======================================= */
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur-base: 300ms;
  --dur-slow: 500ms;

  /* card focus / page-peel (README motion notes) */
  --ease-card: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-peel: cubic-bezier(0.2, 0.85, 0.25, 1);

  /* === Effects ============================================================= */
  --glow-neon: 0 0 24px rgba(248, 113, 160, 0.35);
}