:root {
  --ink-900: #0f172a;
  --ink-800: #1e293b;
  --ink-700: #334155;

  --gray-50: #f8fafc;
  --gray-200: #e2e8f0;
  --gray-400: #94a3b8;
  --gray-500: #475569;

  --brand-blue-600: #2563eb;
  --brand-blue-700: #1d4ed8;
  --brand-blue-100: #dbeafe;

  --accent-gold-600: #b45309;
  --accent-gold-100: #fef3c7;

  --success-600: #15803d;
  --danger-600: #b91c1c;

  --font-display: "Space Grotesk", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "Space Mono", monospace;

  --radius-sm: 6px;
  --radius-md: 10px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;

  --max-content: 1120px;
  --shadow-soft: 0 8px 30px rgba(15, 23, 42, 0.08);

  --color-slate: var(--ink-900);
  --color-signal-blue: var(--brand-blue-600);
  --color-spark-amber: var(--accent-gold-600);
  --color-spark-amber-text: var(--accent-gold-600);
  --color-ivory: var(--gray-50);
  --color-blue-10: var(--brand-blue-100);
  --color-muted: var(--gray-500);
  --color-blue-dark: var(--brand-blue-700);
  --color-amber-dark: var(--accent-gold-600);
  --color-amber-10: var(--accent-gold-100);
  --color-white: #ffffff;
  --color-border: var(--gray-200);
  --color-slate-100: var(--gray-200);
  --color-blue-30: #93c5fd;
  --color-blue-20: #bfdbfe;
  --color-slate-300: #cbd5e1;
  --color-slate-400: var(--gray-400);
  --color-amber-30: #fcd34d;
  --font-heading: var(--font-display);
  --font-meta: var(--font-mono);
}