/* Weard design tokens (official palette). Shared by every page of the demo. */
:root {
  --navy: #0B1220;          /* page background */
  --midnight: #111A2E;      /* raised background */
  --card: #0F172A;          /* card surface */
  --card-2: #131D33;        /* hover / nested surface */
  --line: #1F2937;          /* borders, dividers */
  --line-2: #2A3A55;
  --text: #E5E7EB;
  --muted: #9CA3AF;
  --dim: #6B7280;
  --teal: #2DD4BF;
  --green: #22C55E;
  --blue: #3B82F6;
  --grad: linear-gradient(135deg, #2DD4BF, #22C55E);
  /* status colors carry meaning only - never decorative */
  --ok: #22C55E;            /* verified */
  --warn: #F59E0B;          /* unverified / pending */
  --bad: #EF4444;           /* invalid / broken */
  --proc: #3B82F6;          /* processing */
  /* maturity labels */
  --m-built: #22C55E;
  --m-progress: #3B82F6;
  --m-roadmap: #A78BFA;
  --m-design: #2DD4BF;
  --radius: 14px;
  --radius-sm: 9px;
  --shadow: 0 10px 30px -12px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .03);
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --ease: cubic-bezier(.22, 1, .36, 1);
}