/* Spark — public site design tokens (Java / cppreference inspired) */

:root {
  --spark-bg: #ffffff;
  --spark-bg-subtle: #f5f6f8;
  --spark-bg-code: #f4f4f4;
  --spark-border: #d5d9e0;
  --spark-border-light: #e8ebf0;

  --spark-text: #1a1a1a;
  --spark-text-muted: #4a5568;
  --spark-text-subtle: #6b7280;

  --spark-brand: #e85d04;
  --spark-brand-dark: #c44d03;
  --spark-brand-light: #fff4ed;
  --spark-link: #0066cc;
  --spark-link-hover: #004499;

  --spark-header-bg: #2c2c2c;
  --spark-header-text: #ffffff;
  --spark-header-muted: #b8bcc4;

  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas,
    monospace;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --max-width: 72rem;
  --sidebar-width: 14rem;
  --header-height: 3.25rem;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
}