/* Generated by scripts/sync-website-theme.mjs from frontend/src/theme.css.
   Palette is shared; readable marketing typography and page scale are owned here. */
:root {
  color-scheme:light;
  --ink:#172433;
  --muted:#536579;
  --line:#dce3eb;
  --paper:#f4f6f8;
  --panel:#ffffff;
  --primary:#2867c7;
  --primary-hover:#1d55ab;
  --primary-soft:#edf4ff;
  --on-primary:#ffffff;
  --green:var(--primary);
  --mint:var(--primary-soft);
  --error:#a92f40;
  --navy:#1b2532;
  --navy-muted:#b1bfce;
  --accent:#a6c8ff;
  --inverse-ink:#e6edf5;
  --inverse-focus:#8ebcff;
  --control-border:#dce3eb;
  --control-border-hover:#a9c2e9;
  --line-strong:#7c8da1;
  --surface-inset:#f8f9fb;
  --surface-muted:#f7f9fb;
  --surface-table:#f7f9fb;
  --inverse-border:#36465b;
  --surface-code-heading:#f8f9fb;
  --surface-code:#f7f9fb;
  --featured-border:#a9c2e9;
  --download-border:#a9c2e9;
  --code-inline:#edf4ff;
  --sandbox-surface:#fff8e8;
  --sandbox-border:#e8cd95;
  --sandbox-ink:#8c4c0c;
  --input-border:#7c8da1;
  --shadow-color:rgb(20 32 48 / 6%);
  --focus:#2867c7;
  --focus-soft:rgb(40 103 199 / 25%);
  --chart-primary:#2368d5;
  --font-ui:"Segoe UI Variable", "Segoe UI", "Microsoft YaHei UI", system-ui, sans-serif;
  --font-mono:"Cascadia Mono", "Cascadia Code", Consolas, "SFMono-Regular", Menlo, "Microsoft YaHei UI", monospace;
  --radius:0.5rem;
  --control-radius:0.3125rem;
  --panel-radius:0.5rem;
  --shadow:0 1px 2px var(--shadow-color);
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.25rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-12:3rem;
  --space-16:4rem;
  --page-inset:clamp(1.25rem,3.125vw,2.5rem);
  --section-space:clamp(2.5rem,5vw,4rem);
  --control-height:2.75rem;
  --compact-control-height:2rem;
}