/**
 * DocuPOW — Brand Design Tokens
 * Single source of truth for colour, spacing, radius, shadow and font families.
 * Reference these via var(--token); do NOT hardcode raw hex elsewhere.
 * This file contains the :root block only.
 */

:root {
  /* Brand colours */
  --indigo: #3D2E70;      /* Royal Indigo */
  --techblue: #2B76D2;    /* Tech Blue */

  /* Neutrals / surfaces */
  --ink: #1C1C1C;
  --obsidian: #1C1C28;
  --white: #FFFFFF;
  --gray: #F5F7FA;
  --border: #E2E8F0;
  --text-muted: #414752;      /* muted text on light surfaces (Stitch on-surface-variant) — 9.34:1 on --white (AA) */
  --text-muted-dark: #A8AEBC; /* muted text on dark surfaces — 7.58:1 on --obsidian (AA) */
  --border-dark: rgba(255, 255, 255, 0.12); /* hairline divider on obsidian surfaces */

  /* Status (never signalled by colour alone) */
  --ok: #10B981;
  --warn: #F59E0B;
  --err: #D93838;

  /* Shape */
  --radius: 8px;
  --maxw: 1280px; /* Stitch/DESIGN.md container width (was 1200 pre-Home build) */

  /* Spacing — 8px rhythm */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;

  /* Elevation */
  --shadow: 0 1px 3px rgba(28, 28, 40, .08), 0 4px 16px rgba(28, 28, 40, .06);

  /* Type — brand font first, then graceful fallbacks (text is never invisible
     if the self-hosted woff2 have not been dropped into assets/fonts/ yet). */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}