/* Product-owned semantic palette and relative scale. Components consume roles. */
:root {
  color-scheme:light;
  --ink:#182333; --muted:#5c6979; --line:#dfe5ec;
  --paper:#f7f9fc; --panel:#fff;
  --primary:#315acb; --primary-hover:#264cb6; --primary-soft:#eaf0ff;
  --green:var(--primary); --mint:var(--primary-soft);
  --error:#b32940; --navy:#14253d; --navy-muted:#a6b8cd; --accent:#b9e7cc;
  --control-border:#cdd6e2; --control-border-hover:#b8c8eb; --line-strong:#cdd7e6;
  --surface-inset:#f2f5fa; --surface-muted:#f8fafc; --surface-table:#f6f8fb;
  --inverse-border:#42516a; --surface-code-heading:#edf2f9; --surface-code:#eef2f8;
  --featured-border:#809ee9; --download-border:#d5e0fb; --code-inline:#eaf0f8;
  --sandbox-surface:#e8eefb; --sandbox-border:#d2ddf5; --sandbox-ink:#395585;
  --input-border:#bfcbdc; --shadow-color:#18233312;
  --radius:.75rem; --control-radius:.375rem; --panel-radius:.625rem;
  --shadow:0 1.125rem 3.4375rem 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;
}