/* Generated by uos/design/scripts/build_tokens.py - DO NOT EDIT.
 * Re-run python uos/design/scripts/build_tokens.py to regenerate.
 * Source: uos/design/src/tokens/{reference,md3,semantic,component}/*.json
 */
@layer uk.md3 {
  :root {
    --md3-color-background: var(--uk-color-bone);
    --md3-color-error: var(--uk-color-error);
    --md3-color-error-container: var(--uk-color-error-container);
    --md3-color-inverse-on-surface: var(--uk-color-neutral-50);
    --md3-color-inverse-primary: var(--uk-color-neutral-200);
    --md3-color-inverse-surface: var(--uk-color-charcoal-850);
    --md3-color-on-background: var(--uk-color-charcoal-900);
    --md3-color-on-error: var(--uk-color-white);
    --md3-color-on-error-container: var(--uk-color-error-on-container);
    --md3-color-on-primary: var(--uk-color-bone);
    --md3-color-on-primary-container: var(--uk-color-charcoal-900);
    --md3-color-on-primary-rgb: var(--uk-rgb-bone);
    --md3-color-on-secondary: var(--uk-color-white);
    --md3-color-on-secondary-container: var(--uk-color-blue-on-container);
    --md3-color-on-surface: var(--uk-color-charcoal-900);
    --md3-color-on-surface-rgb: var(--uk-rgb-charcoal-900);
    --md3-color-on-surface-variant: var(--uk-color-charcoal-600);
    --md3-color-on-surface-variant-rgb: var(--uk-rgb-charcoal-600);
    --md3-color-on-tertiary: var(--uk-color-white);
    --md3-color-on-tertiary-container: var(--uk-color-purple-on-container);
    --md3-color-outline: var(--uk-color-neutral-300);
    --md3-color-outline-rgb: var(--uk-rgb-neutral-300);
    --md3-color-outline-variant: var(--uk-color-neutral-200);
    --md3-color-primary: var(--uk-color-charcoal-800);
    --md3-color-primary-container: var(--uk-color-neutral-100);
    --md3-color-primary-rgb: var(--uk-rgb-charcoal-800);
    --md3-color-scrim: var(--uk-color-black);
    --md3-color-scrim-rgb: var(--uk-rgb-black);
    --md3-color-secondary: var(--uk-color-blue-accent);
    --md3-color-secondary-container: var(--uk-color-blue-container);
    --md3-color-secondary-rgb: var(--uk-rgb-blue-accent);
    --md3-color-success: var(--uk-color-success);
    --md3-color-surface: var(--uk-color-white);
    --md3-color-surface-bright: var(--uk-color-white);
    --md3-color-surface-container: var(--uk-color-neutral-75);
    --md3-color-surface-container-high: var(--uk-color-neutral-250);
    --md3-color-surface-container-highest: var(--uk-color-neutral-300);
    --md3-color-surface-container-low: var(--uk-color-neutral-150);
    --md3-color-surface-container-lowest: var(--uk-color-white);
    --md3-color-surface-dim: var(--uk-color-neutral-50);
    --md3-color-surface-rgb: var(--uk-rgb-white);
    --md3-color-surface-variant: var(--uk-color-neutral-75);
    --md3-color-tertiary: var(--uk-color-purple);
    --md3-color-tertiary-container: var(--uk-color-purple-container);
    --md3-color-warning: var(--uk-color-warning);
    --md3-density-compact-scale: var(--uk-density-compact-scale);
    --md3-density-expanded-scale: 1.125;
    --md3-density-standard-scale: var(--uk-density-comfortable-scale);
    --md3-density-touch-row-min: var(--uk-a11y-target-min);
    --md3-elevation-0: var(--uk-elevation-0);
    --md3-elevation-1: var(--uk-elevation-1);
    --md3-elevation-2: var(--uk-elevation-2);
    --md3-elevation-3: var(--uk-elevation-3);
    --md3-elevation-4: var(--uk-elevation-4);
    --md3-elevation-5: var(--uk-elevation-5);
    --md3-focus-ring-color: var(--uk-color-focus-ring);
    --md3-focus-ring-offset: var(--uk-a11y-focus-offset);
    --md3-focus-ring-width: var(--uk-a11y-focus-width);
    --md3-motion-duration-long1: 600ms;
    --md3-motion-duration-long2: 700ms;
    --md3-motion-duration-medium1: 300ms;
    --md3-motion-duration-medium2: 400ms;
    --md3-motion-duration-medium3: 500ms;
    --md3-motion-duration-medium4: 550ms;
    --md3-motion-duration-short1: 100ms;
    --md3-motion-duration-short2: 150ms;
    --md3-motion-duration-short3: 200ms;
    --md3-motion-duration-short4: 250ms;
    --md3-motion-easing-decelerate: var(--uk-easing-decelerate);
    --md3-motion-easing-emphasized: var(--uk-easing-emphasized);
    --md3-motion-easing-standard: var(--uk-easing-standard);
    --md3-motion-reduced-duration: var(--uk-a11y-reduced-motion-duration);
    --md3-shape-extra-large: var(--uk-radius-overlay);
    --md3-shape-extra-small: var(--uk-radius-control);
    --md3-shape-full: var(--uk-radius-circular);
    --md3-shape-large: var(--uk-radius-card);
    --md3-shape-medium: var(--uk-radius-control);
    --md3-shape-none: var(--uk-radius-none);
    --md3-shape-small: var(--uk-radius-control);
    --md3-state-disabled-container-opacity: var(--uk-opacity-12);
    --md3-state-disabled-content-opacity: var(--uk-opacity-38);
    --md3-state-dragged-opacity: var(--uk-opacity-16);
    --md3-state-focus-opacity: var(--uk-opacity-10);
    --md3-state-hover-opacity: var(--uk-opacity-8);
    --md3-state-layer-hover-opacity-accessible: var(--md3-state-hover-opacity);
    --md3-state-pressed-opacity: var(--uk-opacity-10);
    --md3-touch-target-min: var(--uk-a11y-target-min);
    --md3-type-body-large-font-family: var(--uk-font-family-sans);
    --md3-type-body-large-font-size: 16px;
    --md3-type-body-large-letter-spacing: 0;
    --md3-type-body-large-line-height: 1.6;
    --md3-type-body-large-weight: 400;
    --md3-type-body-medium-font-family: var(--uk-font-family-sans);
    --md3-type-body-medium-font-size: 14px;
    --md3-type-body-medium-letter-spacing: 0;
    --md3-type-body-medium-line-height: 1.5;
    --md3-type-body-medium-weight: 400;
    --md3-type-body-small-font-family: var(--uk-font-family-sans);
    --md3-type-body-small-font-size: 12px;
    --md3-type-body-small-letter-spacing: 0;
    --md3-type-body-small-line-height: 1.45;
    --md3-type-body-small-weight: 400;
    --md3-type-display-large-font-family: var(--uk-font-family-sans);
    --md3-type-display-large-font-size: 57px;
    --md3-type-display-large-letter-spacing: 0;
    --md3-type-display-large-line-height: 1.12;
    --md3-type-display-large-weight: 300;
    --md3-type-display-medium-font-family: var(--uk-font-family-sans);
    --md3-type-display-medium-font-size: 45px;
    --md3-type-display-medium-letter-spacing: 0;
    --md3-type-display-medium-line-height: 1.15;
    --md3-type-display-medium-weight: 300;
    --md3-type-display-small-font-family: var(--uk-font-family-sans);
    --md3-type-display-small-font-size: 36px;
    --md3-type-display-small-letter-spacing: 0;
    --md3-type-display-small-line-height: 1.18;
    --md3-type-display-small-weight: 300;
    --md3-type-headline-large-font-family: var(--uk-font-family-sans);
    --md3-type-headline-large-font-size: 32px;
    --md3-type-headline-large-letter-spacing: 0;
    --md3-type-headline-large-line-height: 1.2;
    --md3-type-headline-large-weight: 300;
    --md3-type-headline-medium-font-family: var(--uk-font-family-sans);
    --md3-type-headline-medium-font-size: 28px;
    --md3-type-headline-medium-letter-spacing: 0;
    --md3-type-headline-medium-line-height: 1.22;
    --md3-type-headline-medium-weight: 300;
    --md3-type-headline-small-font-family: var(--uk-font-family-sans);
    --md3-type-headline-small-font-size: 24px;
    --md3-type-headline-small-letter-spacing: 0;
    --md3-type-headline-small-line-height: 1.25;
    --md3-type-headline-small-weight: 400;
    --md3-type-label-large-font-family: var(--uk-font-family-sans);
    --md3-type-label-large-font-size: 14px;
    --md3-type-label-large-letter-spacing: 0.02em;
    --md3-type-label-large-line-height: 1.42;
    --md3-type-label-large-weight: 500;
    --md3-type-label-medium-font-family: var(--uk-font-family-sans);
    --md3-type-label-medium-font-size: 12px;
    --md3-type-label-medium-letter-spacing: 0.08em;
    --md3-type-label-medium-line-height: 1.35;
    --md3-type-label-medium-weight: 500;
    --md3-type-label-small-font-family: var(--uk-font-family-sans);
    --md3-type-label-small-font-size: 11px;
    --md3-type-label-small-letter-spacing: 0.12em;
    --md3-type-label-small-line-height: 1.35;
    --md3-type-label-small-weight: 500;
    --md3-type-title-large-font-family: var(--uk-font-family-sans);
    --md3-type-title-large-font-size: 22px;
    --md3-type-title-large-letter-spacing: 0;
    --md3-type-title-large-line-height: 1.3;
    --md3-type-title-large-weight: 500;
    --md3-type-title-medium-font-family: var(--uk-font-family-sans);
    --md3-type-title-medium-font-size: 16px;
    --md3-type-title-medium-letter-spacing: 0;
    --md3-type-title-medium-line-height: 1.5;
    --md3-type-title-medium-weight: 500;
    --md3-type-title-small-font-family: var(--uk-font-family-sans);
    --md3-type-title-small-font-size: 14px;
    --md3-type-title-small-letter-spacing: 0;
    --md3-type-title-small-line-height: 1.45;
    --md3-type-title-small-weight: 500;
    --md3-window-size-class-compact: 0px 599px;
    --md3-window-size-class-expanded: 840px 1199px;
    --md3-window-size-class-extra-large: 1600px;
    --md3-window-size-class-large: 1200px 1599px;
    --md3-window-size-class-medium: 600px 839px;
  }
}
@layer uk.md3 {
  :root[data-uk-theme="theme-unikode-dark"],
  .uk-theme-theme-unikode-dark,
  .uk-theme-unikode-dark {
    --md3-color-background: var(--uk-color-charcoal-800);
    --md3-color-error: var(--uk-color-error-dark);
    --md3-color-error-container: var(--uk-color-error-dark-container);
    --md3-color-on-background: var(--uk-color-neutral-200);
    --md3-color-on-error-container: var(--uk-color-error-dark-on-container);
    --md3-color-on-primary: var(--uk-color-charcoal-800);
    --md3-color-on-primary-container: var(--uk-color-neutral-200);
    --md3-color-on-secondary: var(--uk-color-blue-on-container);
    --md3-color-on-secondary-container: var(--uk-color-blue-light-container);
    --md3-color-on-surface: var(--uk-color-neutral-200);
    --md3-color-outline: var(--uk-color-charcoal-550);
    --md3-color-primary: var(--uk-color-neutral-200);
    --md3-color-primary-container: var(--uk-color-charcoal-700);
    --md3-color-secondary: var(--uk-color-blue-light);
    --md3-color-secondary-container: var(--uk-color-blue-dark);
    --md3-color-surface: var(--uk-color-charcoal-800);
    --md3-color-surface-container: var(--uk-color-charcoal-725);
    --md3-color-surface-container-high: var(--uk-color-charcoal-700);
    --md3-color-surface-container-highest: var(--uk-color-charcoal-650);
    --md3-color-surface-container-lowest: var(--uk-color-charcoal-825);
    --md3-color-surface-dim: var(--uk-color-charcoal-775);
    --md3-color-tertiary: var(--uk-color-purple-light);
  }
}