/* Generated from systems/tokens/*.json. Edit tokens, then rebuild. */
[data-ds-brand="pbfit"][data-ds-mode="light"],html[data-pbfit-portfolio][data-theme="light"] {
  --ds-primitive-space-0: 0px;
  --ds-primitive-space-1: 4px;
  --ds-primitive-space-2: 8px;
  --ds-primitive-space-3: 12px;
  --ds-primitive-space-4: 16px;
  --ds-primitive-space-5: 20px;
  --ds-primitive-space-6: 24px;
  --ds-primitive-space-8: 32px;
  --ds-primitive-space-10: 40px;
  --ds-primitive-space-12: 48px;
  --ds-primitive-space-16: 64px;
  --ds-primitive-size-control: 44px;
  --ds-primitive-size-compact: 36px;
  --ds-primitive-font-size-caption: 12px;
  --ds-primitive-font-size-label: 14px;
  --ds-primitive-font-size-body: 16px;
  --ds-primitive-font-size-title: 24px;
  --ds-primitive-font-size-display: 40px;
  --ds-primitive-font-weight-regular: 400;
  --ds-primitive-font-weight-medium: 500;
  --ds-primitive-font-weight-strong: 600;
  --ds-primitive-font-leading-body: 1.5;
  --ds-primitive-font-leading-title: 1.15;
  --ds-primitive-font-family-body: Inter, system-ui, sans-serif;
  --ds-primitive-motion-fast: 160ms;
  --ds-primitive-motion-ease: cubic-bezier(.2,.8,.2,1);
  --ds-primitive-color-paper: #f4f4f0;
  --ds-primitive-color-surface: #fbfbf8;
  --ds-primitive-color-ink: #111214;
  --ds-primitive-color-muted: #62666b;
  --ds-primitive-color-line: #7a7e84;
  --ds-primitive-color-blue: #002fa7;
  --ds-primitive-color-blue-dark: #2452ff;
  --ds-primitive-color-blue-ink: #7899ff;
  --ds-primitive-color-blue-soft: #e3e8f4;
  --ds-primitive-color-night: #08090a;
  --ds-primitive-color-night-surface: #17181b;
  --ds-primitive-color-night-muted: #afb3bc;
  --ds-primitive-color-night-line: #707680;
  --ds-primitive-color-night-soft: #17213f;
  --ds-primitive-color-white: #ffffff;
  --ds-primitive-color-good: #28763e;
  --ds-primitive-color-good-dark: #6fb67e;
  --ds-primitive-color-danger: #a94a4a;
  --ds-primitive-color-danger-dark: #f09b9b;
  --ds-primitive-radius-surface: 18px;
  --ds-primitive-radius-action: 999px;
  --ds-semantic-color-canvas: var(--ds-primitive-color-paper);
  --ds-semantic-color-surface: var(--ds-primitive-color-surface);
  --ds-semantic-color-text: var(--ds-primitive-color-ink);
  --ds-semantic-color-muted: var(--ds-primitive-color-muted);
  --ds-semantic-color-border: var(--ds-primitive-color-line);
  --ds-semantic-color-action: var(--ds-primitive-color-blue);
  --ds-semantic-color-onAction: var(--ds-primitive-color-white);
  --ds-semantic-color-link: var(--ds-primitive-color-blue);
  --ds-semantic-color-subtle: var(--ds-primitive-color-blue-soft);
  --ds-semantic-color-focus: var(--ds-primitive-color-blue);
  --ds-semantic-color-success: var(--ds-primitive-color-good);
  --ds-semantic-color-danger: var(--ds-primitive-color-danger);
  --ds-semantic-font-body: var(--ds-primitive-font-family-body);
  --ds-semantic-radius-control: var(--ds-primitive-radius-action);
  --ds-semantic-radius-surface: var(--ds-primitive-radius-surface);
  --ds-component-button-background: var(--ds-semantic-color-action);
  --ds-component-button-foreground: var(--ds-semantic-color-onAction);
  --ds-component-button-radius: var(--ds-semantic-radius-control);
  --ds-component-button-height: var(--ds-primitive-size-control);
  --ds-component-field-border: var(--ds-semantic-color-border);
  --ds-component-field-background: var(--ds-semantic-color-surface);
  --ds-component-card-background: var(--ds-semantic-color-surface);
  --ds-component-card-radius: var(--ds-semantic-radius-surface);
}
[data-ds-brand="pbfit"][data-ds-mode="dark"],html[data-pbfit-portfolio][data-theme="dark"] {
  --ds-primitive-space-0: 0px;
  --ds-primitive-space-1: 4px;
  --ds-primitive-space-2: 8px;
  --ds-primitive-space-3: 12px;
  --ds-primitive-space-4: 16px;
  --ds-primitive-space-5: 20px;
  --ds-primitive-space-6: 24px;
  --ds-primitive-space-8: 32px;
  --ds-primitive-space-10: 40px;
  --ds-primitive-space-12: 48px;
  --ds-primitive-space-16: 64px;
  --ds-primitive-size-control: 44px;
  --ds-primitive-size-compact: 36px;
  --ds-primitive-font-size-caption: 12px;
  --ds-primitive-font-size-label: 14px;
  --ds-primitive-font-size-body: 16px;
  --ds-primitive-font-size-title: 24px;
  --ds-primitive-font-size-display: 40px;
  --ds-primitive-font-weight-regular: 400;
  --ds-primitive-font-weight-medium: 500;
  --ds-primitive-font-weight-strong: 600;
  --ds-primitive-font-leading-body: 1.5;
  --ds-primitive-font-leading-title: 1.15;
  --ds-primitive-font-family-body: Inter, system-ui, sans-serif;
  --ds-primitive-motion-fast: 160ms;
  --ds-primitive-motion-ease: cubic-bezier(.2,.8,.2,1);
  --ds-primitive-color-paper: #f4f4f0;
  --ds-primitive-color-surface: #fbfbf8;
  --ds-primitive-color-ink: #111214;
  --ds-primitive-color-muted: #62666b;
  --ds-primitive-color-line: #7a7e84;
  --ds-primitive-color-blue: #002fa7;
  --ds-primitive-color-blue-dark: #2452ff;
  --ds-primitive-color-blue-ink: #7899ff;
  --ds-primitive-color-blue-soft: #e3e8f4;
  --ds-primitive-color-night: #08090a;
  --ds-primitive-color-night-surface: #17181b;
  --ds-primitive-color-night-muted: #afb3bc;
  --ds-primitive-color-night-line: #707680;
  --ds-primitive-color-night-soft: #17213f;
  --ds-primitive-color-white: #ffffff;
  --ds-primitive-color-good: #28763e;
  --ds-primitive-color-good-dark: #6fb67e;
  --ds-primitive-color-danger: #a94a4a;
  --ds-primitive-color-danger-dark: #f09b9b;
  --ds-primitive-radius-surface: 18px;
  --ds-primitive-radius-action: 999px;
  --ds-semantic-color-canvas: var(--ds-primitive-color-night);
  --ds-semantic-color-surface: var(--ds-primitive-color-night-surface);
  --ds-semantic-color-text: var(--ds-primitive-color-paper);
  --ds-semantic-color-muted: var(--ds-primitive-color-night-muted);
  --ds-semantic-color-border: var(--ds-primitive-color-night-line);
  --ds-semantic-color-action: var(--ds-primitive-color-blue-dark);
  --ds-semantic-color-onAction: var(--ds-primitive-color-white);
  --ds-semantic-color-link: var(--ds-primitive-color-blue-ink);
  --ds-semantic-color-subtle: var(--ds-primitive-color-night-soft);
  --ds-semantic-color-focus: var(--ds-primitive-color-blue-ink);
  --ds-semantic-color-success: var(--ds-primitive-color-good-dark);
  --ds-semantic-color-danger: var(--ds-primitive-color-danger-dark);
  --ds-semantic-font-body: var(--ds-primitive-font-family-body);
  --ds-semantic-radius-control: var(--ds-primitive-radius-action);
  --ds-semantic-radius-surface: var(--ds-primitive-radius-surface);
  --ds-component-button-background: var(--ds-semantic-color-action);
  --ds-component-button-foreground: var(--ds-semantic-color-onAction);
  --ds-component-button-radius: var(--ds-semantic-radius-control);
  --ds-component-button-height: var(--ds-primitive-size-control);
  --ds-component-field-border: var(--ds-semantic-color-border);
  --ds-component-field-background: var(--ds-semantic-color-surface);
  --ds-component-card-background: var(--ds-semantic-color-surface);
  --ds-component-card-radius: var(--ds-semantic-radius-surface);
}
[data-ds-brand="corpus"][data-ds-mode="light"],.corpus-app[data-corpus-portfolio] {
  --ds-primitive-space-0: 0px;
  --ds-primitive-space-1: 4px;
  --ds-primitive-space-2: 8px;
  --ds-primitive-space-3: 12px;
  --ds-primitive-space-4: 16px;
  --ds-primitive-space-5: 20px;
  --ds-primitive-space-6: 24px;
  --ds-primitive-space-8: 32px;
  --ds-primitive-space-10: 40px;
  --ds-primitive-space-12: 48px;
  --ds-primitive-space-16: 64px;
  --ds-primitive-size-control: 44px;
  --ds-primitive-size-compact: 36px;
  --ds-primitive-font-size-caption: 12px;
  --ds-primitive-font-size-label: 14px;
  --ds-primitive-font-size-body: 16px;
  --ds-primitive-font-size-title: 24px;
  --ds-primitive-font-size-display: 40px;
  --ds-primitive-font-weight-regular: 400;
  --ds-primitive-font-weight-medium: 500;
  --ds-primitive-font-weight-strong: 600;
  --ds-primitive-font-leading-body: 1.5;
  --ds-primitive-font-leading-title: 1.15;
  --ds-primitive-font-family-body: "Instrument Sans", "Manrope", system-ui, sans-serif;
  --ds-primitive-motion-fast: 160ms;
  --ds-primitive-motion-ease: cubic-bezier(.2,.8,.2,1);
  --ds-primitive-color-paper: #fcfbf7;
  --ds-primitive-color-surface: #ffffff;
  --ds-primitive-color-ink: #24251f;
  --ds-primitive-color-muted: #626459;
  --ds-primitive-color-line: #878c7b;
  --ds-primitive-color-blue: #4d5538;
  --ds-primitive-color-blue-dark: #68704e;
  --ds-primitive-color-blue-ink: #c2d0a2;
  --ds-primitive-color-blue-soft: #f1f5ec;
  --ds-primitive-color-night: #1b1e17;
  --ds-primitive-color-night-surface: #25291f;
  --ds-primitive-color-night-muted: #b6bbaa;
  --ds-primitive-color-night-line: #7b846c;
  --ds-primitive-color-night-soft: #333c28;
  --ds-primitive-color-white: #ffffff;
  --ds-primitive-color-good: #386c3e;
  --ds-primitive-color-good-dark: #a7d6aa;
  --ds-primitive-color-danger: #9b493b;
  --ds-primitive-color-danger-dark: #efb4a8;
  --ds-primitive-color-olive: #68704e;
  --ds-primitive-color-sand: #e9e0d2;
  --ds-primitive-color-sage: #dde5d3;
  --ds-primitive-color-clay: #a97c67;
  --ds-primitive-color-professional: #68704e;
  --ds-primitive-radius-surface: 8px;
  --ds-primitive-radius-action: 8px;
  --ds-semantic-color-canvas: var(--ds-primitive-color-paper);
  --ds-semantic-color-surface: var(--ds-primitive-color-surface);
  --ds-semantic-color-text: var(--ds-primitive-color-ink);
  --ds-semantic-color-muted: var(--ds-primitive-color-muted);
  --ds-semantic-color-border: var(--ds-primitive-color-line);
  --ds-semantic-color-action: var(--ds-primitive-color-blue);
  --ds-semantic-color-onAction: var(--ds-primitive-color-white);
  --ds-semantic-color-link: var(--ds-primitive-color-blue);
  --ds-semantic-color-subtle: var(--ds-primitive-color-blue-soft);
  --ds-semantic-color-focus: var(--ds-primitive-color-blue);
  --ds-semantic-color-success: var(--ds-primitive-color-good);
  --ds-semantic-color-danger: var(--ds-primitive-color-danger);
  --ds-semantic-font-body: var(--ds-primitive-font-family-body);
  --ds-semantic-radius-control: var(--ds-primitive-radius-action);
  --ds-semantic-radius-surface: var(--ds-primitive-radius-surface);
  --ds-component-button-background: var(--ds-semantic-color-action);
  --ds-component-button-foreground: var(--ds-semantic-color-onAction);
  --ds-component-button-radius: var(--ds-semantic-radius-control);
  --ds-component-button-height: var(--ds-primitive-size-control);
  --ds-component-field-border: var(--ds-semantic-color-border);
  --ds-component-field-background: var(--ds-semantic-color-surface);
  --ds-component-card-background: var(--ds-semantic-color-surface);
  --ds-component-card-radius: var(--ds-semantic-radius-surface);
}
[data-ds-brand="corpus"][data-ds-mode="dark"] {
  --ds-primitive-space-0: 0px;
  --ds-primitive-space-1: 4px;
  --ds-primitive-space-2: 8px;
  --ds-primitive-space-3: 12px;
  --ds-primitive-space-4: 16px;
  --ds-primitive-space-5: 20px;
  --ds-primitive-space-6: 24px;
  --ds-primitive-space-8: 32px;
  --ds-primitive-space-10: 40px;
  --ds-primitive-space-12: 48px;
  --ds-primitive-space-16: 64px;
  --ds-primitive-size-control: 44px;
  --ds-primitive-size-compact: 36px;
  --ds-primitive-font-size-caption: 12px;
  --ds-primitive-font-size-label: 14px;
  --ds-primitive-font-size-body: 16px;
  --ds-primitive-font-size-title: 24px;
  --ds-primitive-font-size-display: 40px;
  --ds-primitive-font-weight-regular: 400;
  --ds-primitive-font-weight-medium: 500;
  --ds-primitive-font-weight-strong: 600;
  --ds-primitive-font-leading-body: 1.5;
  --ds-primitive-font-leading-title: 1.15;
  --ds-primitive-font-family-body: "Instrument Sans", "Manrope", system-ui, sans-serif;
  --ds-primitive-motion-fast: 160ms;
  --ds-primitive-motion-ease: cubic-bezier(.2,.8,.2,1);
  --ds-primitive-color-paper: #fcfbf7;
  --ds-primitive-color-surface: #ffffff;
  --ds-primitive-color-ink: #24251f;
  --ds-primitive-color-muted: #626459;
  --ds-primitive-color-line: #878c7b;
  --ds-primitive-color-blue: #4d5538;
  --ds-primitive-color-blue-dark: #68704e;
  --ds-primitive-color-blue-ink: #c2d0a2;
  --ds-primitive-color-blue-soft: #f1f5ec;
  --ds-primitive-color-night: #1b1e17;
  --ds-primitive-color-night-surface: #25291f;
  --ds-primitive-color-night-muted: #b6bbaa;
  --ds-primitive-color-night-line: #7b846c;
  --ds-primitive-color-night-soft: #333c28;
  --ds-primitive-color-white: #ffffff;
  --ds-primitive-color-good: #386c3e;
  --ds-primitive-color-good-dark: #a7d6aa;
  --ds-primitive-color-danger: #9b493b;
  --ds-primitive-color-danger-dark: #efb4a8;
  --ds-primitive-color-olive: #68704e;
  --ds-primitive-color-sand: #e9e0d2;
  --ds-primitive-color-sage: #dde5d3;
  --ds-primitive-color-clay: #a97c67;
  --ds-primitive-color-professional: #68704e;
  --ds-primitive-radius-surface: 8px;
  --ds-primitive-radius-action: 8px;
  --ds-semantic-color-canvas: var(--ds-primitive-color-night);
  --ds-semantic-color-surface: var(--ds-primitive-color-night-surface);
  --ds-semantic-color-text: var(--ds-primitive-color-paper);
  --ds-semantic-color-muted: var(--ds-primitive-color-night-muted);
  --ds-semantic-color-border: var(--ds-primitive-color-night-line);
  --ds-semantic-color-action: var(--ds-primitive-color-blue-dark);
  --ds-semantic-color-onAction: var(--ds-primitive-color-white);
  --ds-semantic-color-link: var(--ds-primitive-color-blue-ink);
  --ds-semantic-color-subtle: var(--ds-primitive-color-night-soft);
  --ds-semantic-color-focus: var(--ds-primitive-color-blue-ink);
  --ds-semantic-color-success: var(--ds-primitive-color-good-dark);
  --ds-semantic-color-danger: var(--ds-primitive-color-danger-dark);
  --ds-semantic-font-body: var(--ds-primitive-font-family-body);
  --ds-semantic-radius-control: var(--ds-primitive-radius-action);
  --ds-semantic-radius-surface: var(--ds-primitive-radius-surface);
  --ds-component-button-background: var(--ds-semantic-color-action);
  --ds-component-button-foreground: var(--ds-semantic-color-onAction);
  --ds-component-button-radius: var(--ds-semantic-radius-control);
  --ds-component-button-height: var(--ds-primitive-size-control);
  --ds-component-field-border: var(--ds-semantic-color-border);
  --ds-component-field-background: var(--ds-semantic-color-surface);
  --ds-component-card-background: var(--ds-semantic-color-surface);
  --ds-component-card-radius: var(--ds-semantic-radius-surface);
}
[data-ds-brand="portfolio"][data-ds-mode="light"] {
  --ds-primitive-space-0: 0px;
  --ds-primitive-space-1: 4px;
  --ds-primitive-space-2: 8px;
  --ds-primitive-space-3: 12px;
  --ds-primitive-space-4: 16px;
  --ds-primitive-space-5: 20px;
  --ds-primitive-space-6: 24px;
  --ds-primitive-space-8: 32px;
  --ds-primitive-space-10: 40px;
  --ds-primitive-space-12: 48px;
  --ds-primitive-space-16: 64px;
  --ds-primitive-size-control: 44px;
  --ds-primitive-size-compact: 36px;
  --ds-primitive-font-size-caption: 12px;
  --ds-primitive-font-size-label: 14px;
  --ds-primitive-font-size-body: 16px;
  --ds-primitive-font-size-title: 24px;
  --ds-primitive-font-size-display: 40px;
  --ds-primitive-font-weight-regular: 400;
  --ds-primitive-font-weight-medium: 500;
  --ds-primitive-font-weight-strong: 600;
  --ds-primitive-font-leading-body: 1.5;
  --ds-primitive-font-leading-title: 1.15;
  --ds-primitive-font-family-body: Satoshi, sans-serif;
  --ds-primitive-motion-fast: 160ms;
  --ds-primitive-motion-ease: cubic-bezier(.2,.8,.2,1);
  --ds-primitive-color-paper: #f5f5f1;
  --ds-primitive-color-surface: #ffffff;
  --ds-primitive-color-ink: #191a1b;
  --ds-primitive-color-muted: #55564f;
  --ds-primitive-color-line: #93948d;
  --ds-primitive-color-blue: #1834ed;
  --ds-primitive-color-blue-dark: #1834ed;
  --ds-primitive-color-blue-ink: #9baaff;
  --ds-primitive-color-blue-soft: #eaedff;
  --ds-primitive-color-night: #131415;
  --ds-primitive-color-night-surface: #1e2022;
  --ds-primitive-color-night-muted: #b5b7af;
  --ds-primitive-color-night-line: #7d8078;
  --ds-primitive-color-night-soft: #252944;
  --ds-primitive-color-white: #ffffff;
  --ds-primitive-color-good: #28653c;
  --ds-primitive-color-good-dark: #99d2a8;
  --ds-primitive-color-danger: #a03434;
  --ds-primitive-color-danger-dark: #f5a5a5;
  --ds-primitive-radius-surface: 0px;
  --ds-primitive-radius-action: 0px;
  --ds-semantic-color-canvas: var(--ds-primitive-color-paper);
  --ds-semantic-color-surface: var(--ds-primitive-color-surface);
  --ds-semantic-color-text: var(--ds-primitive-color-ink);
  --ds-semantic-color-muted: var(--ds-primitive-color-muted);
  --ds-semantic-color-border: var(--ds-primitive-color-line);
  --ds-semantic-color-action: var(--ds-primitive-color-blue);
  --ds-semantic-color-onAction: var(--ds-primitive-color-white);
  --ds-semantic-color-link: var(--ds-primitive-color-blue);
  --ds-semantic-color-subtle: var(--ds-primitive-color-blue-soft);
  --ds-semantic-color-focus: var(--ds-primitive-color-blue);
  --ds-semantic-color-success: var(--ds-primitive-color-good);
  --ds-semantic-color-danger: var(--ds-primitive-color-danger);
  --ds-semantic-font-body: var(--ds-primitive-font-family-body);
  --ds-semantic-radius-control: var(--ds-primitive-radius-action);
  --ds-semantic-radius-surface: var(--ds-primitive-radius-surface);
  --ds-component-button-background: var(--ds-semantic-color-action);
  --ds-component-button-foreground: var(--ds-semantic-color-onAction);
  --ds-component-button-radius: var(--ds-semantic-radius-control);
  --ds-component-button-height: var(--ds-primitive-size-control);
  --ds-component-field-border: var(--ds-semantic-color-border);
  --ds-component-field-background: var(--ds-semantic-color-surface);
  --ds-component-card-background: var(--ds-semantic-color-surface);
  --ds-component-card-radius: var(--ds-semantic-radius-surface);
}
[data-ds-brand="portfolio"][data-ds-mode="dark"] {
  --ds-primitive-space-0: 0px;
  --ds-primitive-space-1: 4px;
  --ds-primitive-space-2: 8px;
  --ds-primitive-space-3: 12px;
  --ds-primitive-space-4: 16px;
  --ds-primitive-space-5: 20px;
  --ds-primitive-space-6: 24px;
  --ds-primitive-space-8: 32px;
  --ds-primitive-space-10: 40px;
  --ds-primitive-space-12: 48px;
  --ds-primitive-space-16: 64px;
  --ds-primitive-size-control: 44px;
  --ds-primitive-size-compact: 36px;
  --ds-primitive-font-size-caption: 12px;
  --ds-primitive-font-size-label: 14px;
  --ds-primitive-font-size-body: 16px;
  --ds-primitive-font-size-title: 24px;
  --ds-primitive-font-size-display: 40px;
  --ds-primitive-font-weight-regular: 400;
  --ds-primitive-font-weight-medium: 500;
  --ds-primitive-font-weight-strong: 600;
  --ds-primitive-font-leading-body: 1.5;
  --ds-primitive-font-leading-title: 1.15;
  --ds-primitive-font-family-body: Satoshi, sans-serif;
  --ds-primitive-motion-fast: 160ms;
  --ds-primitive-motion-ease: cubic-bezier(.2,.8,.2,1);
  --ds-primitive-color-paper: #f5f5f1;
  --ds-primitive-color-surface: #ffffff;
  --ds-primitive-color-ink: #191a1b;
  --ds-primitive-color-muted: #55564f;
  --ds-primitive-color-line: #93948d;
  --ds-primitive-color-blue: #1834ed;
  --ds-primitive-color-blue-dark: #1834ed;
  --ds-primitive-color-blue-ink: #9baaff;
  --ds-primitive-color-blue-soft: #eaedff;
  --ds-primitive-color-night: #131415;
  --ds-primitive-color-night-surface: #1e2022;
  --ds-primitive-color-night-muted: #b5b7af;
  --ds-primitive-color-night-line: #7d8078;
  --ds-primitive-color-night-soft: #252944;
  --ds-primitive-color-white: #ffffff;
  --ds-primitive-color-good: #28653c;
  --ds-primitive-color-good-dark: #99d2a8;
  --ds-primitive-color-danger: #a03434;
  --ds-primitive-color-danger-dark: #f5a5a5;
  --ds-primitive-radius-surface: 0px;
  --ds-primitive-radius-action: 0px;
  --ds-semantic-color-canvas: var(--ds-primitive-color-night);
  --ds-semantic-color-surface: var(--ds-primitive-color-night-surface);
  --ds-semantic-color-text: var(--ds-primitive-color-paper);
  --ds-semantic-color-muted: var(--ds-primitive-color-night-muted);
  --ds-semantic-color-border: var(--ds-primitive-color-night-line);
  --ds-semantic-color-action: var(--ds-primitive-color-blue-dark);
  --ds-semantic-color-onAction: var(--ds-primitive-color-white);
  --ds-semantic-color-link: var(--ds-primitive-color-blue-ink);
  --ds-semantic-color-subtle: var(--ds-primitive-color-night-soft);
  --ds-semantic-color-focus: var(--ds-primitive-color-blue-ink);
  --ds-semantic-color-success: var(--ds-primitive-color-good-dark);
  --ds-semantic-color-danger: var(--ds-primitive-color-danger-dark);
  --ds-semantic-font-body: var(--ds-primitive-font-family-body);
  --ds-semantic-radius-control: var(--ds-primitive-radius-action);
  --ds-semantic-radius-surface: var(--ds-primitive-radius-surface);
  --ds-component-button-background: var(--ds-semantic-color-action);
  --ds-component-button-foreground: var(--ds-semantic-color-onAction);
  --ds-component-button-radius: var(--ds-semantic-radius-control);
  --ds-component-button-height: var(--ds-primitive-size-control);
  --ds-component-field-border: var(--ds-semantic-color-border);
  --ds-component-field-background: var(--ds-semantic-color-surface);
  --ds-component-card-background: var(--ds-semantic-color-surface);
  --ds-component-card-radius: var(--ds-semantic-radius-surface);
}