:root{
  --color-bg:#edf0f1;
  --color-surface:#f8f8f6;
  --color-surface-muted:#e3e7e9;
  --color-text:#18232a;
  --color-text-muted:#66737b;
  --color-border:#c2c9cd;
  --color-border-strong:#7e8990;
  --color-navy:#0b1e2d;
  --color-navy-soft:#132b3c;
  --color-offwhite:#e8e6e1;
  --color-accent:#b08d57;
  --color-accent-hover:#927141;
  --color-data:#2d6f8d;
  --color-success:#287a4d;
  --color-warning:#9a651d;
  --color-error:#a63131;
  --font-ui:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-heading:var(--font-ui);
  --font-body:var(--font-ui);
  --font-data:var(--font-ui);
  --font-size-body:1rem;
  --font-size-small:.875rem;
  --font-size-label:.6875rem;
  --font-size-control:1rem;
  --font-size-button:.75rem;
  --font-weight-body:700;
  --font-weight-label:800;
  --font-weight-heading:900;
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.5rem;
  --space-6:2rem;
  --space-7:3rem;
  --space-8:4rem;
  --max-width:78rem;
  --gutter:1rem;
  --header-height:4.5rem;
  --control-height:3.25rem;
  --icon-control-size:3.25rem;
  --component-padding:1rem;
  --section-padding:clamp(2.75rem,6vw,4.5rem);
  --layout-gap:1rem;
  --shadow:0 14px 32px rgba(11,30,45,.12);
  --motion-fast:120ms;
  --motion-normal:180ms;
}

@media(min-width:48rem){:root{--gutter:1.5rem}}
@media(min-width:75rem){:root{--gutter:2rem}}