/* ============================================================
   BYTEABLE DESIGN TOKENS
   All CSS custom properties for the Byteable landing site.
   Source: extracted from byteable_final_5.html :root block.
   DO NOT add new tokens without updating docs/DESIGN_TOKENS.md.
   ============================================================ */

:root {
  /* Colours */
  --black: #f0f4ff;           /* Page background */
  --white: #0d1b3e;           /* Primary text */
  --accent: #1a5cff;          /* CTAs, active states, accent elements */
  --accent-dark: #0040cc;     /* Hover state for accent */
  --mid: #e4ecff;             /* Surface / card backgrounds */
  --border: rgba(13,27,62,0.12);
  --text-muted: rgba(13,27,62,0.45); /* Labels, captions */
  --text-dim: rgba(13,27,62,0.70);   /* Body copy */

  /* Typography */
  --mono: 'Space Mono', monospace;
  --sans: 'DM Sans', sans-serif;
}