/* GENERATED by micold-tokens-css from crates/micold-core/src/tokens/. Do not edit. */
:root { /* light scheme */
  --micold-primary: #6750a4;
  --micold-on-primary: #ffffff;
  --micold-primary-container: #e9ddff;
  --micold-on-primary-container: #22005d;
  --micold-secondary: #625b71;
  --micold-on-secondary: #ffffff;
  --micold-secondary-container: #e8def8;
  --micold-on-secondary-container: #1e192b;
  --micold-tertiary: #7e5260;
  --micold-on-tertiary: #ffffff;
  --micold-tertiary-container: #ffd9e3;
  --micold-on-tertiary-container: #31101d;
  --micold-error: #ba1a1a;
  --micold-on-error: #ffffff;
  --micold-error-container: #ffdad6;
  --micold-on-error-container: #410002;
  --micold-background: #fdf8fd;
  --micold-on-background: #1c1b1e;
  --micold-surface: #fdf8fd;
  --micold-on-surface: #1c1b1e;
  --micold-surface-dim: #ddd8dd;
  --micold-surface-bright: #fdf8fd;
  --micold-surface-container-lowest: #ffffff;
  --micold-surface-container-low: #f8f2f7;
  --micold-surface-container: #f2ecf1;
  --micold-surface-container-high: #ece7ec;
  --micold-surface-container-highest: #e6e1e6;
  --micold-surface-variant: #e7e0ec;
  --micold-on-surface-variant: #49454e;
  --micold-outline: #7a757f;
  --micold-outline-variant: #cac4cf;
  --micold-inverse-surface: #313033;
  --micold-inverse-on-surface: #f5eff4;
  --micold-inverse-primary: #cfbcff;
  --micold-scrim: #000000;
  --micold-shadow: #000000;
  --micold-type-display-large-size: 57px;
  --micold-type-display-large-line-height: 64px;
  --micold-type-display-large-weight: 400;
  --micold-type-display-medium-size: 45px;
  --micold-type-display-medium-line-height: 52px;
  --micold-type-display-medium-weight: 400;
  --micold-type-display-small-size: 36px;
  --micold-type-display-small-line-height: 44px;
  --micold-type-display-small-weight: 400;
  --micold-type-headline-large-size: 32px;
  --micold-type-headline-large-line-height: 40px;
  --micold-type-headline-large-weight: 400;
  --micold-type-headline-medium-size: 28px;
  --micold-type-headline-medium-line-height: 36px;
  --micold-type-headline-medium-weight: 400;
  --micold-type-headline-small-size: 24px;
  --micold-type-headline-small-line-height: 32px;
  --micold-type-headline-small-weight: 400;
  --micold-type-title-large-size: 22px;
  --micold-type-title-large-line-height: 28px;
  --micold-type-title-large-weight: 400;
  --micold-type-title-medium-size: 16px;
  --micold-type-title-medium-line-height: 24px;
  --micold-type-title-medium-weight: 500;
  --micold-type-title-small-size: 14px;
  --micold-type-title-small-line-height: 20px;
  --micold-type-title-small-weight: 500;
  --micold-type-body-large-size: 16px;
  --micold-type-body-large-line-height: 24px;
  --micold-type-body-large-weight: 400;
  --micold-type-body-medium-size: 14px;
  --micold-type-body-medium-line-height: 20px;
  --micold-type-body-medium-weight: 400;
  --micold-type-body-small-size: 12px;
  --micold-type-body-small-line-height: 16px;
  --micold-type-body-small-weight: 400;
  --micold-type-label-large-size: 14px;
  --micold-type-label-large-line-height: 20px;
  --micold-type-label-large-weight: 500;
  --micold-type-label-medium-size: 12px;
  --micold-type-label-medium-line-height: 16px;
  --micold-type-label-medium-weight: 500;
  --micold-type-label-small-size: 11px;
  --micold-type-label-small-line-height: 16px;
  --micold-type-label-small-weight: 500;
  --micold-shape-corner-none: 0px;
  --micold-shape-corner-extra-small: 4px;
  --micold-shape-corner-small: 8px;
  --micold-shape-corner-medium: 12px;
  --micold-shape-corner-large: 16px;
  --micold-shape-corner-extra-large: 28px;
  --micold-shape-corner-full: 9999px;
  --micold-elevation-0: none;
  --micold-elevation-0-surface: #fdf8fd;
  --micold-elevation-1: 0 1px 4px rgba(0, 0, 0, 0.3);
  --micold-elevation-1-surface: #f8f2f7;
  --micold-elevation-2: 0 2px 7px rgba(0, 0, 0, 0.3);
  --micold-elevation-2-surface: #f2ecf1;
  --micold-elevation-3: 0 4px 10px rgba(0, 0, 0, 0.3);
  --micold-elevation-3-surface: #ece7ec;
  --micold-elevation-4: 0 6px 12px rgba(0, 0, 0, 0.3);
  --micold-elevation-4-surface: #ece7ec;
  --micold-elevation-5: 0 8px 15px rgba(0, 0, 0, 0.3);
  --micold-elevation-5-surface: #e6e1e6;
  --micold-scrim-opacity: 0.32;
  --micold-motion-duration-short-1: 50ms;
  --micold-motion-duration-short-2: 100ms;
  --micold-motion-duration-short-3: 150ms;
  --micold-motion-duration-short-4: 200ms;
  --micold-motion-duration-medium-1: 250ms;
  --micold-motion-duration-medium-2: 300ms;
  --micold-motion-duration-medium-3: 350ms;
  --micold-motion-duration-medium-4: 400ms;
  --micold-motion-duration-long-1: 450ms;
  --micold-motion-duration-long-2: 500ms;
  --micold-motion-duration-long-3: 550ms;
  --micold-motion-duration-long-4: 600ms;
  --micold-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --micold-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --micold-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);
  --micold-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --micold-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
  --micold-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
  --micold-state-hover-opacity: 0.08;
  --micold-state-focus-opacity: 0.1;
  --micold-state-pressed-opacity: 0.1;
  --micold-state-dragged-opacity: 0.16;
  --micold-state-selected-opacity: 0.12;
  --micold-state-disabled-content-opacity: 0.38;
  --micold-state-disabled-container-opacity: 0.12;
  --micold-state-focus-ring-width: 3px;
  --micold-spacing-xs: 4px;
  --micold-spacing-sm: 8px;
  --micold-spacing-md: 16px;
  --micold-spacing-lg: 24px;
  --micold-spacing-xl: 32px;
}
:root[data-scheme="dark"] { /* dark scheme — same names, dark values */
  --micold-primary: #cfbcff;
  --micold-on-primary: #381e72;
  --micold-primary-container: #4f378a;
  --micold-on-primary-container: #e9ddff;
  --micold-secondary: #ccc2db;
  --micold-on-secondary: #332d41;
  --micold-secondary-container: #4a4458;
  --micold-on-secondary-container: #e8def8;
  --micold-tertiary: #efb8c8;
  --micold-on-tertiary: #4a2532;
  --micold-tertiary-container: #633b48;
  --micold-on-tertiary-container: #ffd9e3;
  --micold-error: #ffb4ab;
  --micold-on-error: #690005;
  --micold-error-container: #93000a;
  --micold-on-error-container: #ffdad6;
  --micold-background: #141316;
  --micold-on-background: #e6e1e6;
  --micold-surface: #141316;
  --micold-on-surface: #e6e1e6;
  --micold-surface-dim: #141316;
  --micold-surface-bright: #3a383c;
  --micold-surface-container-lowest: #0f0e11;
  --micold-surface-container-low: #1c1b1e;
  --micold-surface-container: #201f22;
  --micold-surface-container-high: #2b292d;
  --micold-surface-container-highest: #363438;
  --micold-surface-variant: #49454e;
  --micold-on-surface-variant: #cac4cf;
  --micold-outline: #948f99;
  --micold-outline-variant: #49454e;
  --micold-inverse-surface: #e6e1e6;
  --micold-inverse-on-surface: #313033;
  --micold-inverse-primary: #4f378a;
  --micold-scrim: #000000;
  --micold-shadow: #000000;
  --micold-type-display-large-size: 57px;
  --micold-type-display-large-line-height: 64px;
  --micold-type-display-large-weight: 400;
  --micold-type-display-medium-size: 45px;
  --micold-type-display-medium-line-height: 52px;
  --micold-type-display-medium-weight: 400;
  --micold-type-display-small-size: 36px;
  --micold-type-display-small-line-height: 44px;
  --micold-type-display-small-weight: 400;
  --micold-type-headline-large-size: 32px;
  --micold-type-headline-large-line-height: 40px;
  --micold-type-headline-large-weight: 400;
  --micold-type-headline-medium-size: 28px;
  --micold-type-headline-medium-line-height: 36px;
  --micold-type-headline-medium-weight: 400;
  --micold-type-headline-small-size: 24px;
  --micold-type-headline-small-line-height: 32px;
  --micold-type-headline-small-weight: 400;
  --micold-type-title-large-size: 22px;
  --micold-type-title-large-line-height: 28px;
  --micold-type-title-large-weight: 400;
  --micold-type-title-medium-size: 16px;
  --micold-type-title-medium-line-height: 24px;
  --micold-type-title-medium-weight: 500;
  --micold-type-title-small-size: 14px;
  --micold-type-title-small-line-height: 20px;
  --micold-type-title-small-weight: 500;
  --micold-type-body-large-size: 16px;
  --micold-type-body-large-line-height: 24px;
  --micold-type-body-large-weight: 400;
  --micold-type-body-medium-size: 14px;
  --micold-type-body-medium-line-height: 20px;
  --micold-type-body-medium-weight: 400;
  --micold-type-body-small-size: 12px;
  --micold-type-body-small-line-height: 16px;
  --micold-type-body-small-weight: 400;
  --micold-type-label-large-size: 14px;
  --micold-type-label-large-line-height: 20px;
  --micold-type-label-large-weight: 500;
  --micold-type-label-medium-size: 12px;
  --micold-type-label-medium-line-height: 16px;
  --micold-type-label-medium-weight: 500;
  --micold-type-label-small-size: 11px;
  --micold-type-label-small-line-height: 16px;
  --micold-type-label-small-weight: 500;
  --micold-shape-corner-none: 0px;
  --micold-shape-corner-extra-small: 4px;
  --micold-shape-corner-small: 8px;
  --micold-shape-corner-medium: 12px;
  --micold-shape-corner-large: 16px;
  --micold-shape-corner-extra-large: 28px;
  --micold-shape-corner-full: 9999px;
  --micold-elevation-0: none;
  --micold-elevation-0-surface: #141316;
  --micold-elevation-1: 0 1px 4px rgba(0, 0, 0, 0.45);
  --micold-elevation-1-surface: #1c1b1e;
  --micold-elevation-2: 0 2px 7px rgba(0, 0, 0, 0.45);
  --micold-elevation-2-surface: #201f22;
  --micold-elevation-3: 0 4px 10px rgba(0, 0, 0, 0.45);
  --micold-elevation-3-surface: #2b292d;
  --micold-elevation-4: 0 6px 12px rgba(0, 0, 0, 0.45);
  --micold-elevation-4-surface: #2b292d;
  --micold-elevation-5: 0 8px 15px rgba(0, 0, 0, 0.45);
  --micold-elevation-5-surface: #363438;
  --micold-scrim-opacity: 0.32;
  --micold-motion-duration-short-1: 50ms;
  --micold-motion-duration-short-2: 100ms;
  --micold-motion-duration-short-3: 150ms;
  --micold-motion-duration-short-4: 200ms;
  --micold-motion-duration-medium-1: 250ms;
  --micold-motion-duration-medium-2: 300ms;
  --micold-motion-duration-medium-3: 350ms;
  --micold-motion-duration-medium-4: 400ms;
  --micold-motion-duration-long-1: 450ms;
  --micold-motion-duration-long-2: 500ms;
  --micold-motion-duration-long-3: 550ms;
  --micold-motion-duration-long-4: 600ms;
  --micold-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --micold-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --micold-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);
  --micold-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --micold-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
  --micold-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
  --micold-state-hover-opacity: 0.08;
  --micold-state-focus-opacity: 0.1;
  --micold-state-pressed-opacity: 0.1;
  --micold-state-dragged-opacity: 0.16;
  --micold-state-selected-opacity: 0.12;
  --micold-state-disabled-content-opacity: 0.38;
  --micold-state-disabled-container-opacity: 0.12;
  --micold-state-focus-ring-width: 3px;
  --micold-spacing-xs: 4px;
  --micold-spacing-sm: 8px;
  --micold-spacing-md: 16px;
  --micold-spacing-lg: 24px;
  --micold-spacing-xl: 32px;
}