/* Excel Mix — tokens from the design system's tokens.json (light only) */
:root {
  --surface: #f4f3f0; --surface-raised: #ffffff; --surface-sunken: #e9e7e3; --surface-steel: #1d1d1b;
  --rule: #d6d3cd; --rule-strong: #1d1d1b; --control-border: #8f8c86;
  --ink: #1d1d1b; --ink-muted: #5b5a56; --ink-disabled: #8f8c86; --ink-on-steel: #f4f3f0; --ink-on-steel-muted: #b8b5ae;
  --focus-ring: #1d1d1b;
  --brand: #ec6608; --brand-hover: #f7791e; --on-brand: #1d1d1b; --brand-text: #af4b06; --brand-tint: #fceadc;
  --cat-adhesives: #d10d4d; --on-cat-adhesives: #ffffff; --cat-adhesives-tint: #f9dde6; --cat-adhesives-text: #c70c49;
  --cat-levelling: #3975b5; --on-cat-levelling: #ffffff; --cat-levelling-tint: #e3ecf5; --cat-levelling-text: #2c5f94;
  --cat-etics: #527f0e; --on-cat-etics: #ffffff; --cat-etics-tint: #e7eddd; --cat-etics-text: #42690a;
  --cat-grouts: #58519a; --on-cat-grouts: #ffffff; --cat-grouts-tint: #e8e7f1; --cat-grouts-text: #58519a;
  --cat-mortars: #bf3e1c; --on-cat-mortars: #ffffff; --cat-mortars-tint: #f6e4df; --cat-mortars-text: #b73c1b;
  --cat-special: #627487; --on-cat-special: #ffffff; --cat-special-tint: #e9ecee; --cat-special-text: #4e5e6f;
  --cat-gypsum: #dd2314; --on-cat-gypsum: #ffffff; --cat-gypsum-tint: #fae0de; --cat-gypsum-text: #c71f12;
  --status-success: #1f7a4d; --status-danger: #b3261e; --status-info: #2f6fb3; --status-warning: #f2b705; --ink-on-warning: #1d1d1b;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --space-24: 96px;
  --radius-none: 0; --radius-sm: 2px; --radius-md: 4px;
  --shadow-pop: 0 8px 24px rgba(29, 29, 27, 0.16);
  --border-hair: 1px; --border-control: 2px; --border-heavy: 3px; --border-line: 8px;
  --container-max: 1320px; --control-height: 52px; --control-height-sm: 40px; --tile-min-height: 240px;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-sans: "Barlow", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --ease-spring: cubic-bezier(.1, 1.3, .6, 1);
}