/* VENDORED from /system/tokens.css @ 42cebfb (2026-09-28). Re-copy to update; never hand-edit. Vendored (not linked) so website/ stays self-contained for a future public host. */
/* ds-tokens · GENERATED by gen_tokens_css.py from system/variables-data.js (the Figma dump) + theme-overrides.json · never hand-edit · re-dump, re-run */
/* THE THEME CONTRACT: <html data-theme="light|dark">; absent = follow the OS. Read colours as var(--ds-…).
   Names = Figma's mapped names, '/' -> '-'. Light in :root, Dark under the contract. The animation
   colours are brand law and are not tokens: #FF3848 ball -> white icons, in every theme. */
:root, [data-theme="light"] {
  color-scheme: light;
  --ds-surface-default: #ffffff; /* foundations/white */
  --ds-surface-page: #ffffff; /* foundations/white */
  --ds-surface-page-secondary: #f2f2f2; /* neutral light/200 */
  --ds-surface-secondary: #f5f5f5; /* primary/150 */
  --ds-surface-gradient: #ffffff; /* foundations/white */
  --ds-surface-primary-default: #0d0d0d; /* primary/1200 */
  --ds-surface-primary-default-hover: #1a1a1a; /* primary/1100 */
  --ds-surface-primary-default-subtle: #f5f5f5; /* primary/150 */
  --ds-surface-primary-default-subtle-hover: #f2f2f2; /* primary/200 */
  --ds-surface-primary-default-subtle-hover-atl: #e5e5e5; /* primary/300 */
  --ds-surface-secondary-default: #ed1c24; /* secondary/600 */
  --ds-surface-secondary-default-hover: #c92e2e; /* secondary/700 */
  --ds-surface-secondary-default-hover-alt: #b22425; /* secondary/800 */
  --ds-surface-secondary-default-subtle: #fff2f2; /* secondary/100 */
  --ds-surface-secondary-default-subtle-hover: #fde6e6; /* secondary/150 */
  --ds-surface-tertiary-default: #ffc52e; /* tertiary/500 */
  --ds-surface-tertiary-default-hover: #ffb800; /* tertiary/600 */
  --ds-surface-tertiary-default-hover-alt: #e7a701; /* tertiary/700 */
  --ds-surface-tertiary-default-subtle: #fff9e1; /* tertiary/150 */
  --ds-surface-tertiary-default-subtle-hover: #fee197; /* tertiary/300 */
  --ds-surface-highlight-default: #b3d746; /* highlight/600 */
  --ds-surface-highlight-default-hover-alt: #86a626; /* highlight/800 */
  --ds-surface-error-default: #f93b5c; /* error/500 */
  --ds-surface-error-default-hover: #df264a; /* error/600 */
  --ds-surface-error-default-subtle: #ffe7ea; /* error/100 */
  --ds-surface-error-default-subtle-hover: #ffcdd4; /* error/150 */
  --ds-surface-success-default: #26a659; /* success/800 */
  --ds-surface-success-default-hover: #218248; /* success/900 */
  --ds-surface-success-default-subtle: #f0faf4; /* success/100 */
  --ds-surface-success-default-subtle-hover: #d0f1dd; /* success/150 */
  --ds-surface-information-default: #1346a2; /* information/800 */
  --ds-surface-information-default-hover: #0d317a; /* information/900 */
  --ds-surface-information-default-subtle: #f2f7ff; /* information/100 */
  --ds-surface-information-default-subtle-hover: #e8f0ff; /* information/150 */
  --ds-surface-warning-default: #ff512a; /* warning/600 */
  --ds-surface-warning-default-hover: #e94723; /* warning/700 */
  --ds-surface-warning-default-subtle: #ffefeb; /* warning/100 */
  --ds-surface-warning-default-subtle-hover: #ffe6e0; /* warning/150 */
  --ds-surface-disabled-default: #f9f9f9; /* neutral dark/100 */
  --ds-text-default-hero: #0b0e12; /* neutral light/1200 */
  --ds-text-default-heading: #0b0e12; /* neutral light/1200 */
  --ds-text-default-body: #252b33; /* neutral light/1000 */
  --ds-text-default-caption: #5e5e5e; /* neutral light/800 */
  --ds-text-default-placeholder: #7a7a7a; /* neutral light/700 */
  --ds-text-on-color-hero: #f9f9f9; /* neutral light/100 */
  --ds-text-on-color-heading: #f9f9f9; /* neutral light/100 */
  --ds-text-on-color-body: #f9f9f9; /* neutral light/100 */
  --ds-text-on-color-caption: #f2f2f2; /* neutral light/200 */
  --ds-text-on-color-placeholder: #e5e5e5; /* neutral light/300 */
  --ds-text-primary-default: #0d0d0d; /* primary/1200 */
  --ds-text-primary-default-hover: #2f2f2f; /* primary/1000 */
  --ds-text-primary-on-color: #f9f9f9; /* primary/100 */
  --ds-text-primary-on-color-hover: #f2f2f2; /* primary/200 */
  --ds-text-primary-on-color-subtle: #454545; /* primary/900 */
  --ds-text-primary-on-color-subtle-hover: #2f2f2f; /* primary/1000 */
  --ds-text-secondary-default: #ed1c24; /* secondary/600 */
  --ds-text-secondary-default-hover: #b22425; /* secondary/800 */
  --ds-text-secondary-on-color: #ffffff; /* foundations/white */
  --ds-text-secondary-on-color-hover: #f2f2f2; /* neutral light/200 */
  --ds-text-secondary-on-color-subtle: #ed1c24; /* secondary/600 */
  --ds-text-secondary-on-color-subtle-hover: #c92e2e; /* secondary/700 */
  --ds-text-error-default: #b81c3b; /* error/700 */
  --ds-text-error-default-hover: #971630; /* error/800 */
  --ds-text-error-on-color: #f9f9f9; /* neutral light/100 */
  --ds-text-error-on-color-hover: #f2f2f2; /* neutral light/200 */
  --ds-text-error-on-color-subtle: #b81c3b; /* error/700 */
  --ds-text-error-on-color-subtle-hover: #971630; /* error/800 */
  --ds-text-success-default: #26a659; /* success/800 */
  --ds-text-success-default-hover: #218248; /* success/900 */
  --ds-text-success-on-color: #f9f9f9; /* neutral light/100 */
  --ds-text-success-on-color-hover: #f2f2f2; /* neutral light/200 */
  --ds-text-success-on-color-subtle: #26a659; /* success/800 */
  --ds-text-success-on-color-subtle-hover: #218248; /* success/900 */
  --ds-text-information-default: #1346a2; /* information/800 */
  --ds-text-information-default-hover: #0d317a; /* information/900 */
  --ds-text-information-on-color: #f9f9f9; /* neutral light/100 */
  --ds-text-information-on-color-hover: #f2f2f2; /* neutral light/200 */
  --ds-text-information-on-color-subtle: #1346a2; /* information/800 */
  --ds-text-information-on-color-subtle-hover: #0d317a; /* information/900 */
  --ds-text-warning-default: #ce4722; /* warning/800 */
  --ds-text-warning-default-hover: #952f13; /* warning/900 */
  --ds-text-warning-on-color: #f9f9f9; /* neutral light/100 */
  --ds-text-warning-on-color-hover: #f2f2f2; /* neutral light/200 */
  --ds-text-warning-on-color-subtle: #ce4722; /* warning/800 */
  --ds-text-warning-on-color-subtle-hover: #952f13; /* warning/900 */
  --ds-text-disabled-default: #999999; /* neutral light/600 */
  --ds-text-disabled-on-color: #999999; /* neutral light/600 */
  --ds-icon-primary-default: #0d0d0d; /* primary/1200 */
  --ds-icon-primary-default-hover: #2f2f2f; /* primary/1000 */
  --ds-icon-primary-default-subtle: #b8b8b8; /* primary/500 */
  --ds-icon-primary-default-subtle-hover: #999999; /* primary/600 */
  --ds-icon-primary-on-color: #f9f9f9; /* primary/100 */
  --ds-icon-primary-on-color-hover: #f2f2f2; /* primary/200 */
  --ds-icon-primary-on-color-subtle: #454545; /* primary/900 */
  --ds-icon-primary-on-color-subtle-hover: #2f2f2f; /* primary/1000 */
  --ds-icon-secondary-default-hover: #b22425; /* secondary/800 */
  --ds-icon-secondary-on-color: #f9f9f9; /* neutral light/100 */
  --ds-icon-secondary-on-color-hover: #f2f2f2; /* neutral light/200 */
  --ds-icon-secondary-on-color-subtle: #ed1c24; /* secondary/600 */
  --ds-icon-secondary-on-color-subtle-hover: #c92e2e; /* secondary/700 */
  --ds-icon-error-default: #b81c3b; /* error/700 */
  --ds-icon-error-default-hover: #971630; /* error/800 */
  --ds-icon-error-on-color: #f9f9f9; /* neutral light/100 */
  --ds-icon-error-on-color-hover: #f2f2f2; /* neutral light/200 */
  --ds-icon-error-on-color-subtle: #b81c3b; /* error/700 */
  --ds-icon-error-on-color-subtle-hover: #971630; /* error/800 */
  --ds-icon-success-default: #26a659; /* success/800 */
  --ds-icon-success-default-hover: #218248; /* success/900 */
  --ds-icon-success-on-color: #f9f9f9; /* neutral light/100 */
  --ds-icon-success-on-color-hover: #f2f2f2; /* neutral light/200 */
  --ds-icon-success-on-color-subtle: #26a659; /* success/800 */
  --ds-icon-success-on-color-subtle-hover: #218248; /* success/900 */
  --ds-icon-information-default: #1346a2; /* information/800 */
  --ds-icon-information-default-hover: #0d317a; /* information/900 */
  --ds-icon-information-on-color: #f9f9f9; /* neutral light/100 */
  --ds-icon-information-on-color-hover: #f2f2f2; /* neutral light/200 */
  --ds-icon-information-on-color-subtle: #1346a2; /* information/800 */
  --ds-icon-information-on-color-subtle-hover: #0d317a; /* information/900 */
  --ds-icon-warning-default: #ce4722; /* warning/800 */
  --ds-icon-warning-default-hover: #952f13; /* warning/900 */
  --ds-icon-warning-on-color: #f9f9f9; /* neutral light/100 */
  --ds-icon-warning-on-color-hover: #f2f2f2; /* neutral light/200 */
  --ds-icon-warning-on-color-subtle: #ce4722; /* warning/800 */
  --ds-icon-warning-on-default-subtle-hover: #952f13; /* warning/900 */
  --ds-icon-disabled-default: #999999; /* neutral light/600 */
  --ds-icon-disabled-on-color: #999999; /* neutral light/600 */
  --ds-border-default: #d1d1d1; /* neutral light/400 */
  --ds-border-on-color: #ffffff; /* foundations/white */
  --ds-border-primary-default: #454545; /* primary/900 */
  --ds-border-primary-default-hover: #1a1a1a; /* primary/1100 */
  --ds-border-primary-default-subtle: #e5e5e5; /* primary/300 */
  --ds-border-primary-default-subtle-hover: #b8b8b8; /* primary/500 */
  --ds-border-primary-focus: #454545; /* primary/900 */
  --ds-border-secondary-default: #ed1c24; /* secondary/600 */
  --ds-border-secondary-default-hover: #b22425; /* secondary/800 */
  --ds-border-secondary-default-subtle: #fff2f2; /* secondary/100 */
  --ds-border-secondary-default-subtle-hover: #fddddd; /* secondary/200 */
  --ds-border-secondary-focus: #fbbfbf; /* secondary/300 */
  --ds-border-error-default: #df264a; /* error/600 */
  --ds-border-error-default-hover: #b81c3b; /* error/700 */
  --ds-border-error-default-subtle: #ffcdd4; /* error/150 */
  --ds-border-error-default-subtle-hover: #ff8a9e; /* error/300 */
  --ds-border-error-focus: #df264a; /* error/600 */
  --ds-border-success-default: #26a659; /* success/800 */
  --ds-border-success-default-hover: #218248; /* success/900 */
  --ds-border-success-default-subtle: #d0f1dd; /* success/150 */
  --ds-border-success-default-subtle-hover: #aaeec5; /* success/300 */
  --ds-border-success-focus: #26a659; /* success/800 */
  --ds-border-information-default: #1346a2; /* information/800 */
  --ds-border-information-default-hover: #0d317a; /* information/900 */
  --ds-border-information-default-subtle: #e8f0ff; /* information/150 */
  --ds-border-information-default-subtle-hover: #b8d4ff; /* information/300 */
  --ds-border-information-focus: #1346a2; /* information/800 */
  --ds-border-warning-default: #ce4722; /* warning/800 */
  --ds-border-warning-default-hover: #952f13; /* warning/900 */
  --ds-border-warning-default-subtle: #ffe6e0; /* warning/150 */
  --ds-border-warning-action-subtle-hover: #ffb3a2; /* warning/300 */
  --ds-border-warning-focus: #ce4722; /* warning/800 */
  --ds-border-disabled-default: #f2f2f2; /* neutral light/200 */
  --ds-border-disabled-on-color: #38404a; /* neutral light/900 */
  --ds-surface-raised: #ffffff; /* lab extra (theme-overrides.json) */
  --ds-surface-scrim: rgba(11,14,18,.32); /* lab extra (theme-overrides.json) */
}

[data-theme="dark"] {
  color-scheme: dark;
  --ds-surface-default: #161a20; /* lab override (theme-overrides.json); Figma: neutral dark/1100 */
  --ds-surface-page: #0b0e12; /* lab override (theme-overrides.json); Figma: neutral dark/1100 */
  --ds-surface-page-secondary: #0b0e12; /* lab override (theme-overrides.json); Figma: neutral dark/1100 */
  --ds-surface-secondary: #252b33; /* lab override (theme-overrides.json); Figma: neutral dark/1100 */
  --ds-surface-gradient: #161a20; /* lab override (theme-overrides.json); Figma: neutral dark/1100 */
  --ds-surface-primary-default: #f9f9f9; /* neutral light/100 */
  --ds-surface-primary-default-hover: #e5e5e5; /* neutral light/300 */
  --ds-surface-primary-default-subtle: #2c333c; /* lab override (theme-overrides.json); Figma: neutral light/900 */
  --ds-surface-primary-default-subtle-hover: #38404a; /* lab override (theme-overrides.json); Figma: neutral light/800 */
  --ds-surface-primary-default-subtle-hover-atl: #38404a; /* neutral light/900 */
  --ds-surface-secondary-default: #e1070f; /* secondary/650 */
  --ds-surface-secondary-default-hover: #ed1c24; /* secondary/600 */
  --ds-surface-secondary-default-hover-alt: #df5b64; /* secondary/500 */
  --ds-surface-secondary-default-subtle: #721515; /* secondary/900 */
  --ds-surface-secondary-default-subtle-hover: #f29999; /* secondary/400 */
  --ds-surface-tertiary-default: #ffb800; /* tertiary/600 */
  --ds-surface-tertiary-default-hover: #ffc52e; /* tertiary/500 */
  --ds-surface-tertiary-default-hover-alt: #ffd159; /* tertiary/400 */
  --ds-surface-tertiary-default-subtle: #fee197; /* tertiary/300 */
  --ds-surface-tertiary-default-subtle-hover: #ffd159; /* tertiary/400 */
  --ds-surface-highlight-default: #86a626; /* highlight/800 */
  --ds-surface-highlight-default-hover-alt: #b3d746; /* highlight/600 */
  --ds-surface-error-default: #ff8a9e; /* error/300 */
  --ds-surface-error-default-hover: #ff5e7d; /* error/400 */
  --ds-surface-error-default-subtle: #781125; /* error/900 */
  --ds-surface-error-default-subtle-hover: #500b19; /* error/1000 */
  --ds-surface-success-default: #8ce4af; /* success/400 */
  --ds-surface-success-default-hover: #69de98; /* success/500 */
  --ds-surface-success-default-subtle: #218248; /* success/900 */
  --ds-surface-success-default-subtle-hover: #1c5e36; /* success/1000 */
  --ds-surface-information-default: #b8d4ff; /* information/300 */
  --ds-surface-information-default-hover: #8fb8ff; /* information/400 */
  --ds-surface-information-default-subtle: #0d317a; /* information/900 */
  --ds-surface-information-default-subtle-hover: #09225a; /* information/1000 */
  --ds-surface-warning-default: #ff957d; /* warning/400 */
  --ds-surface-warning-default-hover: #ff7758; /* warning/500 */
  --ds-surface-warning-default-subtle: #952f13; /* warning/900 */
  --ds-surface-warning-default-subtle-hover: #67200c; /* warning/1000 */
  --ds-surface-disabled-default: #252b33; /* lab override (theme-overrides.json); Figma: neutral dark/1000 */
  --ds-text-default-hero: #f2f2f2; /* neutral light/200 */
  --ds-text-default-heading: #f2f2f2; /* neutral light/200 */
  --ds-text-default-body: #f9f9f9; /* neutral light/100 */
  --ds-text-default-caption: #999999; /* lab override (theme-overrides.json); Figma: neutral light/300 */
  --ds-text-default-placeholder: #7a7a7a; /* lab override (theme-overrides.json); Figma: neutral light/300 */
  --ds-text-on-color-hero: #161a20; /* neutral light/1100 */
  --ds-text-on-color-heading: #161a20; /* neutral light/1100 */
  --ds-text-on-color-body: #252b33; /* neutral light/1000 */
  --ds-text-on-color-caption: #5e5e5e; /* neutral light/800 */
  --ds-text-on-color-placeholder: #7a7a7a; /* neutral light/700 */
  --ds-text-primary-default: #f2f2f2; /* primary/200 */
  --ds-text-primary-default-hover: #e5e5e5; /* primary/300 */
  --ds-text-primary-on-color: #2f2f2f; /* primary/1000 */
  --ds-text-primary-on-color-hover: #2f2f2f; /* primary/1000 */
  --ds-text-primary-on-color-subtle: #f2f2f2; /* primary/200 */
  --ds-text-primary-on-color-subtle-hover: #e5e5e5; /* primary/300 */
  --ds-text-secondary-default: #fbbfbf; /* secondary/300 */
  --ds-text-secondary-default-hover: #f29999; /* secondary/400 */
  --ds-text-secondary-on-color: #fbbfbf; /* secondary/300 */
  --ds-text-secondary-on-color-hover: #f29999; /* secondary/400 */
  --ds-text-secondary-on-color-subtle: #fbbfbf; /* secondary/300 */
  --ds-text-secondary-on-color-subtle-hover: #f29999; /* secondary/400 */
  --ds-text-error-default: #ff8a9e; /* error/300 */
  --ds-text-error-default-hover: #ff5e7d; /* error/400 */
  --ds-text-error-on-color: #38404a; /* neutral light/900 */
  --ds-text-error-on-color-hover: #161a20; /* neutral light/1100 */
  --ds-text-error-on-color-subtle: #ff8a9e; /* error/300 */
  --ds-text-error-on-color-subtle-hover: #ff5e7d; /* error/400 */
  --ds-text-success-default: #aaeec5; /* success/300 */
  --ds-text-success-default-hover: #8ce4af; /* success/400 */
  --ds-text-success-on-color: #38404a; /* neutral light/900 */
  --ds-text-success-on-color-hover: #161a20; /* neutral light/1100 */
  --ds-text-success-on-color-subtle: #aaeec5; /* success/300 */
  --ds-text-success-on-color-subtle-hover: #8ce4af; /* success/400 */
  --ds-text-information-default: #b8d4ff; /* information/300 */
  --ds-text-information-default-hover: #8fb8ff; /* information/400 */
  --ds-text-information-on-color: #38404a; /* neutral light/900 */
  --ds-text-information-on-color-hover: #161a20; /* neutral light/1100 */
  --ds-text-information-on-color-subtle: #b8d4ff; /* information/300 */
  --ds-text-information-on-color-subtle-hover: #8fb8ff; /* information/400 */
  --ds-text-warning-default: #ffb3a2; /* warning/300 */
  --ds-text-warning-default-hover: #ff957d; /* warning/400 */
  --ds-text-warning-on-color: #38404a; /* neutral light/900 */
  --ds-text-warning-on-color-hover: #161a20; /* neutral light/1100 */
  --ds-text-warning-on-color-subtle: #ffb3a2; /* warning/300 */
  --ds-text-warning-on-color-subtle-hover: #ff957d; /* warning/400 */
  --ds-text-disabled-default: #5e5e5e; /* lab override (theme-overrides.json); Figma: neutral light/300 */
  --ds-text-disabled-on-color: #e5e5e5; /* neutral light/300 */
  --ds-icon-primary-default: #d1d1d1; /* primary/400 */
  --ds-icon-primary-default-hover: #b8b8b8; /* primary/500 */
  --ds-icon-primary-default-subtle: #d1d1d1; /* primary/400 */
  --ds-icon-primary-default-subtle-hover: #b8b8b8; /* primary/500 */
  --ds-icon-primary-on-color: #454545; /* primary/900 */
  --ds-icon-primary-on-color-hover: #2f2f2f; /* primary/1000 */
  --ds-icon-primary-on-color-subtle: #f2f2f2; /* primary/200 */
  --ds-icon-primary-on-color-subtle-hover: #e5e5e5; /* primary/300 */
  --ds-icon-secondary-default-hover: #df5b64; /* secondary/500 */
  --ds-icon-secondary-on-color: #fbbfbf; /* secondary/300 */
  --ds-icon-secondary-on-color-hover: #f29999; /* secondary/400 */
  --ds-icon-secondary-on-color-subtle: #fbbfbf; /* secondary/300 */
  --ds-icon-secondary-on-color-subtle-hover: #f29999; /* secondary/400 */
  --ds-icon-error-default: #ff8a9e; /* error/300 */
  --ds-icon-error-default-hover: #ff5e7d; /* error/400 */
  --ds-icon-error-on-color: #252b33; /* neutral light/1000 */
  --ds-icon-error-on-color-hover: #5e5e5e; /* neutral light/800 */
  --ds-icon-error-on-color-subtle: #ff8a9e; /* error/300 */
  --ds-icon-error-on-color-subtle-hover: #ff5e7d; /* error/400 */
  --ds-icon-success-default: #8ce4af; /* success/400 */
  --ds-icon-success-default-hover: #69de98; /* success/500 */
  --ds-icon-success-on-color: #38404a; /* neutral light/900 */
  --ds-icon-success-on-color-hover: #5e5e5e; /* neutral light/800 */
  --ds-icon-success-on-color-subtle: #8ce4af; /* success/400 */
  --ds-icon-success-on-color-subtle-hover: #aaeec5; /* success/300 */
  --ds-icon-information-default: #8fb8ff; /* information/400 */
  --ds-icon-information-default-hover: #478aff; /* information/500 */
  --ds-icon-information-on-color: #38404a; /* neutral light/900 */
  --ds-icon-information-on-color-hover: #252b33; /* neutral light/1000 */
  --ds-icon-information-on-color-subtle: #8fb8ff; /* information/400 */
  --ds-icon-information-on-color-subtle-hover: #478aff; /* information/500 */
  --ds-icon-warning-default: #ff957d; /* warning/400 */
  --ds-icon-warning-default-hover: #ff7758; /* warning/500 */
  --ds-icon-warning-on-color: #38404a; /* neutral light/900 */
  --ds-icon-warning-on-color-hover: #252b33; /* neutral light/1000 */
  --ds-icon-warning-on-color-subtle: #ff957d; /* warning/400 */
  --ds-icon-warning-on-default-subtle-hover: #ff7758; /* warning/500 */
  --ds-icon-disabled-default: #5e5e5e; /* lab override (theme-overrides.json); Figma: neutral light/300 */
  --ds-icon-disabled-on-color: #e5e5e5; /* neutral light/300 */
  --ds-border-default: #38404a; /* lab override (theme-overrides.json); Figma: neutral light/800 */
  --ds-border-on-color: #5e5e5e; /* neutral light/800 */
  --ds-border-primary-default: #e5e5e5; /* primary/300 */
  --ds-border-primary-default-hover: #d1d1d1; /* primary/400 */
  --ds-border-primary-default-subtle: #38404a; /* lab override (theme-overrides.json); Figma: primary/700 */
  --ds-border-primary-default-subtle-hover: #5e5e5e; /* primary/800 */
  --ds-border-primary-focus: #e5e5e5; /* primary/300 */
  --ds-border-secondary-default: #b22425; /* secondary/800 */
  --ds-border-secondary-default-hover: #c92e2e; /* secondary/700 */
  --ds-border-secondary-default-subtle: #b22425; /* secondary/800 */
  --ds-border-secondary-default-subtle-hover: #c92e2e; /* secondary/700 */
  --ds-border-secondary-focus: #b22425; /* secondary/800 */
  --ds-border-error-default: #ff8a9e; /* error/300 */
  --ds-border-error-default-hover: #ff5e7d; /* error/400 */
  --ds-border-error-default-subtle: #971630; /* error/800 */
  --ds-border-error-default-subtle-hover: #781125; /* error/900 */
  --ds-border-error-focus: #ff8a9e; /* error/300 */
  --ds-border-success-default: #8ce4af; /* success/400 */
  --ds-border-success-default-hover: #69de98; /* success/500 */
  --ds-border-success-default-subtle: #218248; /* success/900 */
  --ds-border-success-default-subtle-hover: #1c5e36; /* success/1000 */
  --ds-border-success-focus: #8ce4af; /* success/400 */
  --ds-border-information-default: #8fb8ff; /* information/400 */
  --ds-border-information-default-hover: #478aff; /* information/500 */
  --ds-border-information-default-subtle: #0d317a; /* information/900 */
  --ds-border-information-default-subtle-hover: #09225a; /* information/1000 */
  --ds-border-information-focus: #8fb8ff; /* information/400 */
  --ds-border-warning-default: #ff957d; /* warning/400 */
  --ds-border-warning-default-hover: #ff7758; /* warning/500 */
  --ds-border-warning-default-subtle: #952f13; /* warning/900 */
  --ds-border-warning-action-subtle-hover: #67200c; /* warning/1000 */
  --ds-border-warning-focus: #ff957d; /* warning/400 */
  --ds-border-disabled-default: #252b33; /* neutral light/1000 */
  --ds-border-disabled-on-color: #f2f2f2; /* neutral light/200 */
  --ds-surface-raised: #1f242b; /* lab extra (theme-overrides.json) */
  --ds-surface-scrim: rgba(0,0,0,.55); /* lab extra (theme-overrides.json) */
}

/* no data-theme set: the OS decides */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ds-surface-default: #161a20; /* lab override (theme-overrides.json); Figma: neutral dark/1100 */
    --ds-surface-page: #0b0e12; /* lab override (theme-overrides.json); Figma: neutral dark/1100 */
    --ds-surface-page-secondary: #0b0e12; /* lab override (theme-overrides.json); Figma: neutral dark/1100 */
    --ds-surface-secondary: #252b33; /* lab override (theme-overrides.json); Figma: neutral dark/1100 */
    --ds-surface-gradient: #161a20; /* lab override (theme-overrides.json); Figma: neutral dark/1100 */
    --ds-surface-primary-default: #f9f9f9; /* neutral light/100 */
    --ds-surface-primary-default-hover: #e5e5e5; /* neutral light/300 */
    --ds-surface-primary-default-subtle: #2c333c; /* lab override (theme-overrides.json); Figma: neutral light/900 */
    --ds-surface-primary-default-subtle-hover: #38404a; /* lab override (theme-overrides.json); Figma: neutral light/800 */
    --ds-surface-primary-default-subtle-hover-atl: #38404a; /* neutral light/900 */
    --ds-surface-secondary-default: #e1070f; /* secondary/650 */
    --ds-surface-secondary-default-hover: #ed1c24; /* secondary/600 */
    --ds-surface-secondary-default-hover-alt: #df5b64; /* secondary/500 */
    --ds-surface-secondary-default-subtle: #721515; /* secondary/900 */
    --ds-surface-secondary-default-subtle-hover: #f29999; /* secondary/400 */
    --ds-surface-tertiary-default: #ffb800; /* tertiary/600 */
    --ds-surface-tertiary-default-hover: #ffc52e; /* tertiary/500 */
    --ds-surface-tertiary-default-hover-alt: #ffd159; /* tertiary/400 */
    --ds-surface-tertiary-default-subtle: #fee197; /* tertiary/300 */
    --ds-surface-tertiary-default-subtle-hover: #ffd159; /* tertiary/400 */
    --ds-surface-highlight-default: #86a626; /* highlight/800 */
    --ds-surface-highlight-default-hover-alt: #b3d746; /* highlight/600 */
    --ds-surface-error-default: #ff8a9e; /* error/300 */
    --ds-surface-error-default-hover: #ff5e7d; /* error/400 */
    --ds-surface-error-default-subtle: #781125; /* error/900 */
    --ds-surface-error-default-subtle-hover: #500b19; /* error/1000 */
    --ds-surface-success-default: #8ce4af; /* success/400 */
    --ds-surface-success-default-hover: #69de98; /* success/500 */
    --ds-surface-success-default-subtle: #218248; /* success/900 */
    --ds-surface-success-default-subtle-hover: #1c5e36; /* success/1000 */
    --ds-surface-information-default: #b8d4ff; /* information/300 */
    --ds-surface-information-default-hover: #8fb8ff; /* information/400 */
    --ds-surface-information-default-subtle: #0d317a; /* information/900 */
    --ds-surface-information-default-subtle-hover: #09225a; /* information/1000 */
    --ds-surface-warning-default: #ff957d; /* warning/400 */
    --ds-surface-warning-default-hover: #ff7758; /* warning/500 */
    --ds-surface-warning-default-subtle: #952f13; /* warning/900 */
    --ds-surface-warning-default-subtle-hover: #67200c; /* warning/1000 */
    --ds-surface-disabled-default: #252b33; /* lab override (theme-overrides.json); Figma: neutral dark/1000 */
    --ds-text-default-hero: #f2f2f2; /* neutral light/200 */
    --ds-text-default-heading: #f2f2f2; /* neutral light/200 */
    --ds-text-default-body: #f9f9f9; /* neutral light/100 */
    --ds-text-default-caption: #999999; /* lab override (theme-overrides.json); Figma: neutral light/300 */
    --ds-text-default-placeholder: #7a7a7a; /* lab override (theme-overrides.json); Figma: neutral light/300 */
    --ds-text-on-color-hero: #161a20; /* neutral light/1100 */
    --ds-text-on-color-heading: #161a20; /* neutral light/1100 */
    --ds-text-on-color-body: #252b33; /* neutral light/1000 */
    --ds-text-on-color-caption: #5e5e5e; /* neutral light/800 */
    --ds-text-on-color-placeholder: #7a7a7a; /* neutral light/700 */
    --ds-text-primary-default: #f2f2f2; /* primary/200 */
    --ds-text-primary-default-hover: #e5e5e5; /* primary/300 */
    --ds-text-primary-on-color: #2f2f2f; /* primary/1000 */
    --ds-text-primary-on-color-hover: #2f2f2f; /* primary/1000 */
    --ds-text-primary-on-color-subtle: #f2f2f2; /* primary/200 */
    --ds-text-primary-on-color-subtle-hover: #e5e5e5; /* primary/300 */
    --ds-text-secondary-default: #fbbfbf; /* secondary/300 */
    --ds-text-secondary-default-hover: #f29999; /* secondary/400 */
    --ds-text-secondary-on-color: #fbbfbf; /* secondary/300 */
    --ds-text-secondary-on-color-hover: #f29999; /* secondary/400 */
    --ds-text-secondary-on-color-subtle: #fbbfbf; /* secondary/300 */
    --ds-text-secondary-on-color-subtle-hover: #f29999; /* secondary/400 */
    --ds-text-error-default: #ff8a9e; /* error/300 */
    --ds-text-error-default-hover: #ff5e7d; /* error/400 */
    --ds-text-error-on-color: #38404a; /* neutral light/900 */
    --ds-text-error-on-color-hover: #161a20; /* neutral light/1100 */
    --ds-text-error-on-color-subtle: #ff8a9e; /* error/300 */
    --ds-text-error-on-color-subtle-hover: #ff5e7d; /* error/400 */
    --ds-text-success-default: #aaeec5; /* success/300 */
    --ds-text-success-default-hover: #8ce4af; /* success/400 */
    --ds-text-success-on-color: #38404a; /* neutral light/900 */
    --ds-text-success-on-color-hover: #161a20; /* neutral light/1100 */
    --ds-text-success-on-color-subtle: #aaeec5; /* success/300 */
    --ds-text-success-on-color-subtle-hover: #8ce4af; /* success/400 */
    --ds-text-information-default: #b8d4ff; /* information/300 */
    --ds-text-information-default-hover: #8fb8ff; /* information/400 */
    --ds-text-information-on-color: #38404a; /* neutral light/900 */
    --ds-text-information-on-color-hover: #161a20; /* neutral light/1100 */
    --ds-text-information-on-color-subtle: #b8d4ff; /* information/300 */
    --ds-text-information-on-color-subtle-hover: #8fb8ff; /* information/400 */
    --ds-text-warning-default: #ffb3a2; /* warning/300 */
    --ds-text-warning-default-hover: #ff957d; /* warning/400 */
    --ds-text-warning-on-color: #38404a; /* neutral light/900 */
    --ds-text-warning-on-color-hover: #161a20; /* neutral light/1100 */
    --ds-text-warning-on-color-subtle: #ffb3a2; /* warning/300 */
    --ds-text-warning-on-color-subtle-hover: #ff957d; /* warning/400 */
    --ds-text-disabled-default: #5e5e5e; /* lab override (theme-overrides.json); Figma: neutral light/300 */
    --ds-text-disabled-on-color: #e5e5e5; /* neutral light/300 */
    --ds-icon-primary-default: #d1d1d1; /* primary/400 */
    --ds-icon-primary-default-hover: #b8b8b8; /* primary/500 */
    --ds-icon-primary-default-subtle: #d1d1d1; /* primary/400 */
    --ds-icon-primary-default-subtle-hover: #b8b8b8; /* primary/500 */
    --ds-icon-primary-on-color: #454545; /* primary/900 */
    --ds-icon-primary-on-color-hover: #2f2f2f; /* primary/1000 */
    --ds-icon-primary-on-color-subtle: #f2f2f2; /* primary/200 */
    --ds-icon-primary-on-color-subtle-hover: #e5e5e5; /* primary/300 */
    --ds-icon-secondary-default-hover: #df5b64; /* secondary/500 */
    --ds-icon-secondary-on-color: #fbbfbf; /* secondary/300 */
    --ds-icon-secondary-on-color-hover: #f29999; /* secondary/400 */
    --ds-icon-secondary-on-color-subtle: #fbbfbf; /* secondary/300 */
    --ds-icon-secondary-on-color-subtle-hover: #f29999; /* secondary/400 */
    --ds-icon-error-default: #ff8a9e; /* error/300 */
    --ds-icon-error-default-hover: #ff5e7d; /* error/400 */
    --ds-icon-error-on-color: #252b33; /* neutral light/1000 */
    --ds-icon-error-on-color-hover: #5e5e5e; /* neutral light/800 */
    --ds-icon-error-on-color-subtle: #ff8a9e; /* error/300 */
    --ds-icon-error-on-color-subtle-hover: #ff5e7d; /* error/400 */
    --ds-icon-success-default: #8ce4af; /* success/400 */
    --ds-icon-success-default-hover: #69de98; /* success/500 */
    --ds-icon-success-on-color: #38404a; /* neutral light/900 */
    --ds-icon-success-on-color-hover: #5e5e5e; /* neutral light/800 */
    --ds-icon-success-on-color-subtle: #8ce4af; /* success/400 */
    --ds-icon-success-on-color-subtle-hover: #aaeec5; /* success/300 */
    --ds-icon-information-default: #8fb8ff; /* information/400 */
    --ds-icon-information-default-hover: #478aff; /* information/500 */
    --ds-icon-information-on-color: #38404a; /* neutral light/900 */
    --ds-icon-information-on-color-hover: #252b33; /* neutral light/1000 */
    --ds-icon-information-on-color-subtle: #8fb8ff; /* information/400 */
    --ds-icon-information-on-color-subtle-hover: #478aff; /* information/500 */
    --ds-icon-warning-default: #ff957d; /* warning/400 */
    --ds-icon-warning-default-hover: #ff7758; /* warning/500 */
    --ds-icon-warning-on-color: #38404a; /* neutral light/900 */
    --ds-icon-warning-on-color-hover: #252b33; /* neutral light/1000 */
    --ds-icon-warning-on-color-subtle: #ff957d; /* warning/400 */
    --ds-icon-warning-on-default-subtle-hover: #ff7758; /* warning/500 */
    --ds-icon-disabled-default: #5e5e5e; /* lab override (theme-overrides.json); Figma: neutral light/300 */
    --ds-icon-disabled-on-color: #e5e5e5; /* neutral light/300 */
    --ds-border-default: #38404a; /* lab override (theme-overrides.json); Figma: neutral light/800 */
    --ds-border-on-color: #5e5e5e; /* neutral light/800 */
    --ds-border-primary-default: #e5e5e5; /* primary/300 */
    --ds-border-primary-default-hover: #d1d1d1; /* primary/400 */
    --ds-border-primary-default-subtle: #38404a; /* lab override (theme-overrides.json); Figma: primary/700 */
    --ds-border-primary-default-subtle-hover: #5e5e5e; /* primary/800 */
    --ds-border-primary-focus: #e5e5e5; /* primary/300 */
    --ds-border-secondary-default: #b22425; /* secondary/800 */
    --ds-border-secondary-default-hover: #c92e2e; /* secondary/700 */
    --ds-border-secondary-default-subtle: #b22425; /* secondary/800 */
    --ds-border-secondary-default-subtle-hover: #c92e2e; /* secondary/700 */
    --ds-border-secondary-focus: #b22425; /* secondary/800 */
    --ds-border-error-default: #ff8a9e; /* error/300 */
    --ds-border-error-default-hover: #ff5e7d; /* error/400 */
    --ds-border-error-default-subtle: #971630; /* error/800 */
    --ds-border-error-default-subtle-hover: #781125; /* error/900 */
    --ds-border-error-focus: #ff8a9e; /* error/300 */
    --ds-border-success-default: #8ce4af; /* success/400 */
    --ds-border-success-default-hover: #69de98; /* success/500 */
    --ds-border-success-default-subtle: #218248; /* success/900 */
    --ds-border-success-default-subtle-hover: #1c5e36; /* success/1000 */
    --ds-border-success-focus: #8ce4af; /* success/400 */
    --ds-border-information-default: #8fb8ff; /* information/400 */
    --ds-border-information-default-hover: #478aff; /* information/500 */
    --ds-border-information-default-subtle: #0d317a; /* information/900 */
    --ds-border-information-default-subtle-hover: #09225a; /* information/1000 */
    --ds-border-information-focus: #8fb8ff; /* information/400 */
    --ds-border-warning-default: #ff957d; /* warning/400 */
    --ds-border-warning-default-hover: #ff7758; /* warning/500 */
    --ds-border-warning-default-subtle: #952f13; /* warning/900 */
    --ds-border-warning-action-subtle-hover: #67200c; /* warning/1000 */
    --ds-border-warning-focus: #ff957d; /* warning/400 */
    --ds-border-disabled-default: #252b33; /* neutral light/1000 */
    --ds-border-disabled-on-color: #f2f2f2; /* neutral light/200 */
    --ds-surface-raised: #1f242b; /* lab extra (theme-overrides.json) */
    --ds-surface-scrim: rgba(0,0,0,.55); /* lab extra (theme-overrides.json) */
  }
}