/* StudioLimb Production-Ready UI System
 * Canonical CSS projection of design-tokens.json.
 * Do not edit generated values here without updating the DTCG source.
 */

:root {
  /* Foundation: color */
  --foundation-color-neutral-0: #ffffff;
  --foundation-color-neutral-25: #fafafb;
  --foundation-color-neutral-50: #f5f6f8;
  --foundation-color-neutral-100: #eaecf0;
  --foundation-color-neutral-200: #d5d9e0;
  --foundation-color-neutral-300: #b6bdc8;
  --foundation-color-neutral-400: #8b95a5;
  --foundation-color-neutral-500: #667085;
  --foundation-color-neutral-600: #475467;
  --foundation-color-neutral-700: #344054;
  --foundation-color-neutral-800: #1d2939;
  --foundation-color-neutral-900: #101828;
  --foundation-color-neutral-950: #0b101b;
  --foundation-color-neutral-1000: #000000;

  --foundation-color-brand-50: #f0f0ff;
  --foundation-color-brand-100: #e3e1ff;
  --foundation-color-brand-200: #c8c4ff;
  --foundation-color-brand-300: #aaa4ff;
  --foundation-color-brand-400: #8a82ff;
  --foundation-color-brand-500: #6d63f2;
  --foundation-color-brand-600: #584ed8;
  --foundation-color-brand-700: #463db2;
  --foundation-color-brand-800: #39338d;
  --foundation-color-brand-900: #302d70;
  --foundation-color-brand-950: #1c193f;

  --foundation-color-success-50: #ecfdf3;
  --foundation-color-success-300: #75e0a7;
  --foundation-color-success-400: #47cd89;
  --foundation-color-success-600: #067647;
  --foundation-color-success-700: #085d3a;
  --foundation-color-success-950: #052e1c;

  --foundation-color-danger-50: #fef3f2;
  --foundation-color-danger-300: #fda29b;
  --foundation-color-danger-400: #f97066;
  --foundation-color-danger-600: #d92d20;
  --foundation-color-danger-700: #b42318;
  --foundation-color-danger-950: #2c0b08;

  --foundation-color-warning-50: #fffaeb;
  --foundation-color-warning-300: #fec84b;
  --foundation-color-warning-400: #fdb022;
  --foundation-color-warning-600: #dc6803;
  --foundation-color-warning-700: #b54708;
  --foundation-color-warning-950: #301a05;

  --foundation-color-info-50: #eff8ff;
  --foundation-color-info-300: #84caff;
  --foundation-color-info-400: #53b1fd;
  --foundation-color-info-600: #1570ef;
  --foundation-color-info-700: #175cd3;
  --foundation-color-info-950: #06294a;
  --foundation-color-overlay-scrim: rgb(0 0 0 / 56%);

  /* Foundation: dimensions */
  --foundation-space-0: 0px;
  --foundation-space-2: 2px;
  --foundation-space-4: 4px;
  --foundation-space-6: 6px;
  --foundation-space-8: 8px;
  --foundation-space-12: 12px;
  --foundation-space-16: 16px;
  --foundation-space-20: 20px;
  --foundation-space-24: 24px;
  --foundation-space-32: 32px;
  --foundation-space-40: 40px;
  --foundation-space-48: 48px;
  --foundation-space-64: 64px;
  --foundation-space-80: 80px;
  --foundation-space-96: 96px;

  --foundation-radius-none: 0px;
  --foundation-radius-sm: 4px;
  --foundation-radius-md: 8px;
  --foundation-radius-lg: 12px;
  --foundation-radius-xl: 16px;
  --foundation-radius-full: 999px;
  --foundation-border-thin: 1px;
  --foundation-border-strong: 2px;

  --foundation-size-control-sm: 32px;
  --foundation-size-control-md: 40px;
  --foundation-size-control-lg: 48px;
  --foundation-size-icon-sm: 16px;
  --foundation-size-icon-md: 20px;
  --foundation-size-icon-lg: 24px;
  --foundation-size-touch-min: 44px;

  /* Foundation: typography */
  --foundation-typography-font-family-sans: "Inter", system-ui, sans-serif;
  --foundation-typography-font-weight-regular: 400;
  --foundation-typography-font-weight-medium: 500;
  --foundation-typography-font-weight-semibold: 600;
  --foundation-typography-font-weight-bold: 700;
  --foundation-typography-font-size-xs: 12px;
  --foundation-typography-font-size-sm: 14px;
  --foundation-typography-font-size-md: 16px;
  --foundation-typography-font-size-lg: 18px;
  --foundation-typography-font-size-xl: 20px;
  --foundation-typography-font-size-2xl: 24px;
  --foundation-typography-font-size-3xl: 30px;
  --foundation-typography-font-size-4xl: 36px;
  --foundation-typography-font-size-5xl: 48px;
  --foundation-typography-line-height-xs: 16px;
  --foundation-typography-line-height-sm: 20px;
  --foundation-typography-line-height-md: 24px;
  --foundation-typography-line-height-lg: 28px;
  --foundation-typography-line-height-xl: 30px;
  --foundation-typography-line-height-2xl: 32px;
  --foundation-typography-line-height-3xl: 38px;
  --foundation-typography-line-height-4xl: 44px;
  --foundation-typography-line-height-5xl: 56px;

  --foundation-opacity-disabled: 0.4;
  --foundation-opacity-muted: 0.72;
  --foundation-opacity-scrim: 0.56;
  --foundation-duration-instant: 0s;
  --foundation-duration-fast: 0.12s;
  --foundation-duration-normal: 0.2s;
  --foundation-duration-slow: 0.32s;

  /* Semantic source values: light */
  --semantic-light-background-canvas: var(--foundation-color-neutral-50);
  --semantic-light-background-surface: var(--foundation-color-neutral-0);
  --semantic-light-background-surface-subtle: var(--foundation-color-neutral-25);
  --semantic-light-background-surface-raised: var(--foundation-color-neutral-0);
  --semantic-light-background-inverse: var(--foundation-color-neutral-900);
  --semantic-light-background-disabled: var(--foundation-color-neutral-100);
  --semantic-light-background-selected: var(--foundation-color-brand-50);
  --semantic-light-background-brand: var(--foundation-color-brand-600);
  --semantic-light-background-brand-hover: var(--foundation-color-brand-700);
  --semantic-light-background-brand-pressed: var(--foundation-color-brand-800);
  --semantic-light-background-danger: var(--foundation-color-danger-50);
  --semantic-light-background-warning: var(--foundation-color-warning-50);
  --semantic-light-background-success: var(--foundation-color-success-50);
  --semantic-light-background-info: var(--foundation-color-info-50);
  --semantic-light-background-scrim: var(--foundation-color-overlay-scrim);
  --semantic-light-text-primary: var(--foundation-color-neutral-900);
  --semantic-light-text-secondary: var(--foundation-color-neutral-600);
  --semantic-light-text-tertiary: var(--foundation-color-neutral-500);
  --semantic-light-text-disabled: var(--foundation-color-neutral-400);
  --semantic-light-text-inverse: var(--foundation-color-neutral-0);
  --semantic-light-text-on-brand: var(--foundation-color-neutral-0);
  --semantic-light-text-link: var(--foundation-color-brand-700);
  --semantic-light-text-link-hover: var(--foundation-color-brand-800);
  --semantic-light-text-danger: var(--foundation-color-danger-700);
  --semantic-light-text-warning: var(--foundation-color-warning-700);
  --semantic-light-text-success: var(--foundation-color-success-700);
  --semantic-light-text-info: var(--foundation-color-info-700);
  --semantic-light-border-subtle: var(--foundation-color-neutral-100);
  --semantic-light-border-default: var(--foundation-color-neutral-500);
  --semantic-light-border-strong: var(--foundation-color-neutral-600);
  --semantic-light-border-interactive: var(--foundation-color-brand-600);
  --semantic-light-border-focus: var(--foundation-color-brand-600);
  --semantic-light-border-danger: var(--foundation-color-danger-600);
  --semantic-light-border-success: var(--foundation-color-success-600);
  --semantic-light-icon-primary: var(--foundation-color-neutral-700);
  --semantic-light-icon-secondary: var(--foundation-color-neutral-500);
  --semantic-light-icon-disabled: var(--foundation-color-neutral-400);
  --semantic-light-icon-inverse: var(--foundation-color-neutral-0);
  --semantic-light-icon-brand: var(--foundation-color-brand-700);
  --semantic-light-icon-danger: var(--foundation-color-danger-700);
  --semantic-light-icon-warning: var(--foundation-color-warning-700);
  --semantic-light-icon-success: var(--foundation-color-success-700);
  --semantic-light-icon-info: var(--foundation-color-info-700);

  /* Semantic source values: dark */
  --semantic-dark-background-canvas: var(--foundation-color-neutral-950);
  --semantic-dark-background-surface: var(--foundation-color-neutral-900);
  --semantic-dark-background-surface-subtle: var(--foundation-color-neutral-800);
  --semantic-dark-background-surface-raised: var(--foundation-color-neutral-800);
  --semantic-dark-background-inverse: var(--foundation-color-neutral-0);
  --semantic-dark-background-disabled: var(--foundation-color-neutral-800);
  --semantic-dark-background-selected: var(--foundation-color-brand-950);
  --semantic-dark-background-brand: var(--foundation-color-brand-400);
  --semantic-dark-background-brand-hover: var(--foundation-color-brand-300);
  --semantic-dark-background-brand-pressed: var(--foundation-color-brand-200);
  --semantic-dark-background-danger: var(--foundation-color-danger-950);
  --semantic-dark-background-warning: var(--foundation-color-warning-950);
  --semantic-dark-background-success: var(--foundation-color-success-950);
  --semantic-dark-background-info: var(--foundation-color-info-950);
  --semantic-dark-background-scrim: var(--foundation-color-overlay-scrim);
  --semantic-dark-text-primary: var(--foundation-color-neutral-50);
  --semantic-dark-text-secondary: var(--foundation-color-neutral-300);
  --semantic-dark-text-tertiary: var(--foundation-color-neutral-400);
  --semantic-dark-text-disabled: var(--foundation-color-neutral-500);
  --semantic-dark-text-inverse: var(--foundation-color-neutral-900);
  --semantic-dark-text-on-brand: var(--foundation-color-neutral-950);
  --semantic-dark-text-link: var(--foundation-color-brand-300);
  --semantic-dark-text-link-hover: var(--foundation-color-brand-200);
  --semantic-dark-text-danger: var(--foundation-color-danger-300);
  --semantic-dark-text-warning: var(--foundation-color-warning-300);
  --semantic-dark-text-success: var(--foundation-color-success-300);
  --semantic-dark-text-info: var(--foundation-color-info-300);
  --semantic-dark-border-subtle: var(--foundation-color-neutral-800);
  --semantic-dark-border-default: var(--foundation-color-neutral-400);
  --semantic-dark-border-strong: var(--foundation-color-neutral-300);
  --semantic-dark-border-interactive: var(--foundation-color-brand-400);
  --semantic-dark-border-focus: var(--foundation-color-brand-300);
  --semantic-dark-border-danger: var(--foundation-color-danger-400);
  --semantic-dark-border-success: var(--foundation-color-success-400);
  --semantic-dark-icon-primary: var(--foundation-color-neutral-100);
  --semantic-dark-icon-secondary: var(--foundation-color-neutral-300);
  --semantic-dark-icon-disabled: var(--foundation-color-neutral-500);
  --semantic-dark-icon-inverse: var(--foundation-color-neutral-900);
  --semantic-dark-icon-brand: var(--foundation-color-brand-300);
  --semantic-dark-icon-danger: var(--foundation-color-danger-300);
  --semantic-dark-icon-warning: var(--foundation-color-warning-300);
  --semantic-dark-icon-success: var(--foundation-color-success-300);
  --semantic-dark-icon-info: var(--foundation-color-info-300);

  /* Semantic: typography */
  --semantic-typography-body-xs-font-family: var(--foundation-typography-font-family-sans);
  --semantic-typography-body-xs-font-size: var(--foundation-typography-font-size-xs);
  --semantic-typography-body-xs-line-height: var(--foundation-typography-line-height-xs);
  --semantic-typography-body-xs-font-weight: var(--foundation-typography-font-weight-regular);
  --semantic-typography-body-sm-font-family: var(--foundation-typography-font-family-sans);
  --semantic-typography-body-sm-font-size: var(--foundation-typography-font-size-sm);
  --semantic-typography-body-sm-line-height: var(--foundation-typography-line-height-sm);
  --semantic-typography-body-sm-font-weight: var(--foundation-typography-font-weight-regular);
  --semantic-typography-body-md-font-family: var(--foundation-typography-font-family-sans);
  --semantic-typography-body-md-font-size: var(--foundation-typography-font-size-md);
  --semantic-typography-body-md-line-height: var(--foundation-typography-line-height-md);
  --semantic-typography-body-md-font-weight: var(--foundation-typography-font-weight-regular);
  --semantic-typography-label-sm-font-family: var(--foundation-typography-font-family-sans);
  --semantic-typography-label-sm-font-size: var(--foundation-typography-font-size-sm);
  --semantic-typography-label-sm-line-height: var(--foundation-typography-line-height-sm);
  --semantic-typography-label-sm-font-weight: var(--foundation-typography-font-weight-medium);
  --semantic-typography-label-md-font-family: var(--foundation-typography-font-family-sans);
  --semantic-typography-label-md-font-size: var(--foundation-typography-font-size-md);
  --semantic-typography-label-md-line-height: var(--foundation-typography-line-height-md);
  --semantic-typography-label-md-font-weight: var(--foundation-typography-font-weight-medium);
  --semantic-typography-heading-sm-font-family: var(--foundation-typography-font-family-sans);
  --semantic-typography-heading-sm-font-size: var(--foundation-typography-font-size-xl);
  --semantic-typography-heading-sm-line-height: var(--foundation-typography-line-height-xl);
  --semantic-typography-heading-sm-font-weight: var(--foundation-typography-font-weight-semibold);
  --semantic-typography-heading-md-font-family: var(--foundation-typography-font-family-sans);
  --semantic-typography-heading-md-font-size: var(--foundation-typography-font-size-2xl);
  --semantic-typography-heading-md-line-height: var(--foundation-typography-line-height-2xl);
  --semantic-typography-heading-md-font-weight: var(--foundation-typography-font-weight-semibold);
  --semantic-typography-heading-lg-font-family: var(--foundation-typography-font-family-sans);
  --semantic-typography-heading-lg-font-size: var(--foundation-typography-font-size-4xl);
  --semantic-typography-heading-lg-line-height: var(--foundation-typography-line-height-4xl);
  --semantic-typography-heading-lg-font-weight: var(--foundation-typography-font-weight-bold);

  /* Semantic: viewport reference values */
  --semantic-viewport-desktop-frame: 1440px;
  --semantic-viewport-desktop-container: 1200px;
  --semantic-viewport-desktop-gutter: var(--foundation-space-32);
  --semantic-viewport-desktop-section-gap: var(--foundation-space-80);
  --semantic-viewport-tablet-frame: 768px;
  --semantic-viewport-tablet-container: 720px;
  --semantic-viewport-tablet-gutter: var(--foundation-space-24);
  --semantic-viewport-tablet-section-gap: var(--foundation-space-64);
  --semantic-viewport-mobile-frame: 390px;
  --semantic-viewport-mobile-container: 358px;
  --semantic-viewport-mobile-gutter: var(--foundation-space-16);
  --semantic-viewport-mobile-section-gap: var(--foundation-space-48);

  /* Component dimensions */
  --component-action-danger-background: var(--foundation-color-danger-600);
  --component-action-danger-background-hover: var(--foundation-color-danger-700);
  --component-action-danger-background-pressed: var(--foundation-color-danger-950);
  --component-action-danger-foreground: var(--foundation-color-neutral-0);
  --component-control-height-sm: var(--foundation-size-control-sm);
  --component-control-height-md: var(--foundation-size-control-md);
  --component-control-height-lg: var(--foundation-size-control-lg);
  --component-control-radius: var(--foundation-radius-md);
  --component-control-padding-inline-sm: var(--foundation-space-12);
  --component-control-padding-inline-md: var(--foundation-space-16);
  --component-control-padding-inline-lg: var(--foundation-space-20);
  --component-control-gap: var(--foundation-space-8);
  --component-control-focus-ring: var(--foundation-border-strong);
  --component-control-touch-min: var(--foundation-size-touch-min);
  --component-control-stroke-thin: var(--foundation-border-thin);
  --component-card-radius: var(--foundation-radius-lg);
  --component-card-padding-compact: var(--foundation-space-16);
  --component-card-padding-default: var(--foundation-space-24);
  --component-card-gap: var(--foundation-space-16);
  --component-dialog-radius: var(--foundation-radius-xl);
  --component-dialog-padding: var(--foundation-space-24);
  --component-dialog-width-sm: 400px;
  --component-dialog-width-md: 560px;
  --component-dialog-width-lg: 720px;
  --component-navigation-header-height: 64px;
  --component-navigation-sidebar-width: 256px;
  --component-navigation-sidebar-collapsed-width: 72px;
  --component-navigation-item-height: var(--foundation-size-control-md);
  --component-navigation-item-gap: var(--foundation-space-4);
  --component-navigation-content-gap: var(--foundation-space-8);
  --component-table-row-height-compact: 40px;
  --component-table-row-height-default: 48px;
  --component-table-row-height-comfortable: 56px;
  --component-table-cell-padding-inline: var(--foundation-space-16);
  --component-icon-size-sm: var(--foundation-size-icon-sm);
  --component-icon-size-md: var(--foundation-size-icon-md);
  --component-icon-size-lg: var(--foundation-size-icon-lg);
  --component-link-gap: var(--foundation-space-6);
  --component-link-padding-inline: var(--foundation-space-4);
  --component-field-gap: var(--foundation-space-6);
  --component-field-message-gap: var(--foundation-space-4);
  --component-selection-visual-size: var(--foundation-space-20);
  --component-selection-content-gap: var(--foundation-space-8);
  --component-selection-radius: var(--foundation-radius-sm);
  --component-switch-track-width: 40px;
  --component-switch-track-height: var(--foundation-space-24);
  --component-switch-thumb-size: var(--foundation-space-16);
  --component-switch-thumb-offset: var(--foundation-space-4);
  --component-switch-radius: var(--foundation-radius-full);
  --component-input-min-width: 240px;
  --component-textarea-min-height: var(--foundation-space-96);
  --component-textarea-padding-block: var(--foundation-space-12);
  --component-radio-inner-size: 10px;
  --component-segmented-group-padding: var(--foundation-space-4);
  --component-segmented-item-min-width: 72px;
  --component-file-upload-dropzone-min-height: 160px;
  --component-file-upload-compact-min-height: 72px;
  --component-file-upload-gap: var(--foundation-space-12);
  --component-progress-track-height: var(--foundation-space-4);
  --component-tabs-indicator-height: var(--foundation-space-2);
  --component-tabs-gap: var(--foundation-space-4);
  --component-pagination-gap: var(--foundation-space-4);
  --component-mobile-nav-drawer-width: 320px;
  --component-avatar-size-xs: var(--foundation-space-24);
  --component-avatar-size-sm: var(--foundation-space-32);
  --component-avatar-size-md: var(--foundation-space-40);
  --component-avatar-size-lg: var(--foundation-space-48);
  --component-status-dot-size: var(--foundation-space-8);
  --component-badge-padding-inline: var(--foundation-space-8);
  --component-badge-gap: var(--foundation-space-4);
  --component-drawer-width-sm: 360px;
  --component-drawer-width-md: 480px;
  --component-drawer-width-lg: 600px;
  --component-drawer-bottom-height-sm: 240px;
  --component-drawer-bottom-height-md: 320px;
  --component-drawer-bottom-height-lg: 400px;
  --component-menu-width-sm: 200px;
  --component-menu-width-md: 280px;
  --component-menu-item-height-sm: 32px;
  --component-menu-item-height-md: 40px;
  --component-tooltip-max-width-sm: 160px;
  --component-tooltip-max-width-md: 240px;
}

:root,
[data-theme="light"] {
  color-scheme: light;
  --background-canvas: var(--semantic-light-background-canvas);
  --background-surface: var(--semantic-light-background-surface);
  --background-surface-subtle: var(--semantic-light-background-surface-subtle);
  --background-surface-raised: var(--semantic-light-background-surface-raised);
  --background-inverse: var(--semantic-light-background-inverse);
  --background-disabled: var(--semantic-light-background-disabled);
  --background-selected: var(--semantic-light-background-selected);
  --background-brand: var(--semantic-light-background-brand);
  --background-brand-hover: var(--semantic-light-background-brand-hover);
  --background-brand-pressed: var(--semantic-light-background-brand-pressed);
  --background-danger: var(--semantic-light-background-danger);
  --background-warning: var(--semantic-light-background-warning);
  --background-success: var(--semantic-light-background-success);
  --background-info: var(--semantic-light-background-info);
  --background-scrim: var(--semantic-light-background-scrim);
  --text-primary: var(--semantic-light-text-primary);
  --text-secondary: var(--semantic-light-text-secondary);
  --text-tertiary: var(--semantic-light-text-tertiary);
  --text-disabled: var(--semantic-light-text-disabled);
  --text-inverse: var(--semantic-light-text-inverse);
  --text-on-brand: var(--semantic-light-text-on-brand);
  --text-link: var(--semantic-light-text-link);
  --text-link-hover: var(--semantic-light-text-link-hover);
  --text-danger: var(--semantic-light-text-danger);
  --text-warning: var(--semantic-light-text-warning);
  --text-success: var(--semantic-light-text-success);
  --text-info: var(--semantic-light-text-info);
  --border-subtle: var(--semantic-light-border-subtle);
  --border-default: var(--semantic-light-border-default);
  --border-strong: var(--semantic-light-border-strong);
  --border-interactive: var(--semantic-light-border-interactive);
  --border-focus: var(--semantic-light-border-focus);
  --border-danger: var(--semantic-light-border-danger);
  --border-success: var(--semantic-light-border-success);
  --icon-primary: var(--semantic-light-icon-primary);
  --icon-secondary: var(--semantic-light-icon-secondary);
  --icon-disabled: var(--semantic-light-icon-disabled);
  --icon-inverse: var(--semantic-light-icon-inverse);
  --icon-brand: var(--semantic-light-icon-brand);
  --icon-danger: var(--semantic-light-icon-danger);
  --icon-warning: var(--semantic-light-icon-warning);
  --icon-success: var(--semantic-light-icon-success);
  --icon-info: var(--semantic-light-icon-info);
}

[data-theme="dark"] {
  color-scheme: dark;
  --background-canvas: var(--semantic-dark-background-canvas);
  --background-surface: var(--semantic-dark-background-surface);
  --background-surface-subtle: var(--semantic-dark-background-surface-subtle);
  --background-surface-raised: var(--semantic-dark-background-surface-raised);
  --background-inverse: var(--semantic-dark-background-inverse);
  --background-disabled: var(--semantic-dark-background-disabled);
  --background-selected: var(--semantic-dark-background-selected);
  --background-brand: var(--semantic-dark-background-brand);
  --background-brand-hover: var(--semantic-dark-background-brand-hover);
  --background-brand-pressed: var(--semantic-dark-background-brand-pressed);
  --background-danger: var(--semantic-dark-background-danger);
  --background-warning: var(--semantic-dark-background-warning);
  --background-success: var(--semantic-dark-background-success);
  --background-info: var(--semantic-dark-background-info);
  --background-scrim: var(--semantic-dark-background-scrim);
  --text-primary: var(--semantic-dark-text-primary);
  --text-secondary: var(--semantic-dark-text-secondary);
  --text-tertiary: var(--semantic-dark-text-tertiary);
  --text-disabled: var(--semantic-dark-text-disabled);
  --text-inverse: var(--semantic-dark-text-inverse);
  --text-on-brand: var(--semantic-dark-text-on-brand);
  --text-link: var(--semantic-dark-text-link);
  --text-link-hover: var(--semantic-dark-text-link-hover);
  --text-danger: var(--semantic-dark-text-danger);
  --text-warning: var(--semantic-dark-text-warning);
  --text-success: var(--semantic-dark-text-success);
  --text-info: var(--semantic-dark-text-info);
  --border-subtle: var(--semantic-dark-border-subtle);
  --border-default: var(--semantic-dark-border-default);
  --border-strong: var(--semantic-dark-border-strong);
  --border-interactive: var(--semantic-dark-border-interactive);
  --border-focus: var(--semantic-dark-border-focus);
  --border-danger: var(--semantic-dark-border-danger);
  --border-success: var(--semantic-dark-border-success);
  --icon-primary: var(--semantic-dark-icon-primary);
  --icon-secondary: var(--semantic-dark-icon-secondary);
  --icon-disabled: var(--semantic-dark-icon-disabled);
  --icon-inverse: var(--semantic-dark-icon-inverse);
  --icon-brand: var(--semantic-dark-icon-brand);
  --icon-danger: var(--semantic-dark-icon-danger);
  --icon-warning: var(--semantic-dark-icon-warning);
  --icon-success: var(--semantic-dark-icon-success);
  --icon-info: var(--semantic-dark-icon-info);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --background-canvas: var(--semantic-dark-background-canvas);
    --background-surface: var(--semantic-dark-background-surface);
    --background-surface-subtle: var(--semantic-dark-background-surface-subtle);
    --background-surface-raised: var(--semantic-dark-background-surface-raised);
    --background-inverse: var(--semantic-dark-background-inverse);
    --background-disabled: var(--semantic-dark-background-disabled);
    --background-selected: var(--semantic-dark-background-selected);
    --background-brand: var(--semantic-dark-background-brand);
    --background-brand-hover: var(--semantic-dark-background-brand-hover);
    --background-brand-pressed: var(--semantic-dark-background-brand-pressed);
    --background-danger: var(--semantic-dark-background-danger);
    --background-warning: var(--semantic-dark-background-warning);
    --background-success: var(--semantic-dark-background-success);
    --background-info: var(--semantic-dark-background-info);
    --background-scrim: var(--semantic-dark-background-scrim);
    --text-primary: var(--semantic-dark-text-primary);
    --text-secondary: var(--semantic-dark-text-secondary);
    --text-tertiary: var(--semantic-dark-text-tertiary);
    --text-disabled: var(--semantic-dark-text-disabled);
    --text-inverse: var(--semantic-dark-text-inverse);
    --text-on-brand: var(--semantic-dark-text-on-brand);
    --text-link: var(--semantic-dark-text-link);
    --text-link-hover: var(--semantic-dark-text-link-hover);
    --text-danger: var(--semantic-dark-text-danger);
    --text-warning: var(--semantic-dark-text-warning);
    --text-success: var(--semantic-dark-text-success);
    --text-info: var(--semantic-dark-text-info);
    --border-subtle: var(--semantic-dark-border-subtle);
    --border-default: var(--semantic-dark-border-default);
    --border-strong: var(--semantic-dark-border-strong);
    --border-interactive: var(--semantic-dark-border-interactive);
    --border-focus: var(--semantic-dark-border-focus);
    --border-danger: var(--semantic-dark-border-danger);
    --border-success: var(--semantic-dark-border-success);
    --icon-primary: var(--semantic-dark-icon-primary);
    --icon-secondary: var(--semantic-dark-icon-secondary);
    --icon-disabled: var(--semantic-dark-icon-disabled);
    --icon-inverse: var(--semantic-dark-icon-inverse);
    --icon-brand: var(--semantic-dark-icon-brand);
    --icon-danger: var(--semantic-dark-icon-danger);
    --icon-warning: var(--semantic-dark-icon-warning);
    --icon-success: var(--semantic-dark-icon-success);
    --icon-info: var(--semantic-dark-icon-info);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --foundation-duration-fast: 0s;
    --foundation-duration-normal: 0s;
    --foundation-duration-slow: 0s;
  }
}
