/* Global design tokens. Load before every other stylesheet. */
:root {
  --orange: #e85d2a;
  --orange-dark: #c7481a;
  --orange-soft: #fff0e7;
  --blue: #2f66c9;
  --blue-dark: #142f58;
  --ink: #101828;
  --muted: #667085;
  --line: #ead7cb;
  --surface: #ffffff;
  --soft: #fff7f1;
  --green: #16a37b;
  --green-soft: #e8f7f1;
  --coral: #e85d2a;
  --gold: #f7b955;
  --font: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --shadow-light: 0 10px 28px rgba(20, 47, 88, 0.07);
  --shadow-float: 0 24px 64px rgba(20, 47, 88, 0.16);
  --shadow: var(--shadow-light);
  --tight-shadow: var(--shadow-light);
  color-scheme: light;

  /* Semantic aliases used by the migrated page modules. Keep future visual
     changes centralized here instead of adding another legacy override. */
  --color-brand: var(--orange);
  --color-brand-strong: var(--orange-dark);
  --color-brand-soft: var(--orange-soft);
  --color-accent: var(--blue);
  --color-heading: var(--blue-dark);
  --color-text: var(--ink);
  --color-text-muted: var(--muted);
  --color-border: var(--line);
  --color-surface: var(--surface);
  --color-surface-warm: var(--soft);
  --color-success: var(--green);
  --color-success-soft: var(--green-soft);
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-panel: 16px;
  --radius-pill: 999px;
  --weight-body: 500;
  --weight-body-strong: 600;
  --weight-card-title: 700;
  --weight-page-title: 800;
  --weight-hero: 800;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
}