:root {
  color-scheme: light;

  /* Light surfaces (body/content sections) */
  --bg: #ffffff;
  --surface: #f5f6f9;
  --surface-2: #eceef3;
  --border: #e2e5ec;
  --border-soft: #ebedf2;

  /* Dark surfaces (hero / footer / CTA bands) */
  --ink: #05070d;
  --ink-raised: #0c1020;
  --ink-panel: rgba(255,255,255,0.06);
  --ink-panel-border: rgba(255,255,255,0.12);
  --ink-text: #ffffff;
  --ink-text-muted: rgba(255,255,255,0.68);
  --ink-text-faint: rgba(255,255,255,0.42);

  /* Text (on light) */
  --text: #0b0e14;
  --text-muted: #545c6b;
  --text-faint: #8991a1;

  /* Signal — black/red */
  --accent: #c8102e;
  --accent-2: #ff3b4e;
  --accent-soft: #fdeaec;
  --accent-dim: #96081f;
  --alert: #c8102e;
  --alert-soft: #fdeaec;
  --good: #15803d;
  --amber: #b45309;

  /* Type */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;
  --font-display: "Space Grotesk", "Inter", sans-serif;

  /* Scale */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --container: 1180px;

  --shadow-card: 0 1px 2px rgba(15,23,42,0.04), 0 12px 28px -16px rgba(15,23,42,0.14);
  --shadow-card-hover: 0 1px 2px rgba(15,23,42,0.05), 0 20px 40px -18px rgba(15,23,42,0.22);
}