/* MD3 Baseline Light — initial token values to prevent FOUC.
   At runtime these are overwritten by CssVariableInjector. */
:root {
    --flare-color-primary: #6750A4;
    --flare-color-on-primary: #FFFFFF;
    --flare-color-primary-container: #EADDFF;
    --flare-color-on-primary-container: #21005D;
    --flare-color-secondary: #625B71;
    --flare-color-on-secondary: #FFFFFF;
    --flare-color-secondary-container: #E8DEF8;
    --flare-color-on-secondary-container: #1D192B;
    --flare-color-tertiary: #7D5260;
    --flare-color-on-tertiary: #FFFFFF;
    --flare-color-tertiary-container: #FFD8E4;
    --flare-color-on-tertiary-container: #31111D;
    --flare-color-error: #B3261E;
    --flare-color-on-error: #FFFFFF;
    --flare-color-error-container: #F9DEDC;
    --flare-color-on-error-container: #410E0B;
    --flare-color-surface: #FEF7FF;
    --flare-color-on-surface: #1D1B20;
    --flare-color-surface-variant: #E7E0EC;
    --flare-color-on-surface-variant: #49454F;
    --flare-color-surface-container: #F3EDF7;
    --flare-color-surface-container-low: #F7F2FA;
    --flare-color-surface-container-high: #ECE6F0;
    --flare-color-surface-container-highest: #E6E0E9;
    --flare-color-background: #FEF7FF;
    --flare-color-on-background: #1D1B20;
    --flare-color-outline: #79747E;
    --flare-color-outline-variant: #CAC4D0;
    --flare-color-inverse-surface: #322F35;
    --flare-color-inverse-on-surface: #F5EFF7;
    --flare-color-inverse-primary: #D0BCFF;
    --flare-color-scrim: #000000;
    --flare-color-shadow: #000000;

    --flare-shape-none: 0px;
    --flare-shape-extra-small: 4px;
    --flare-shape-small: 8px;
    --flare-shape-medium: 12px;
    --flare-shape-large: 16px;
    --flare-shape-extra-large: 28px;
    --flare-shape-full: 9999px;

    --flare-elevation-0: none;
    --flare-elevation-1: 0px 1px 2px rgba(0,0,0,0.3), 0px 1px 3px 1px rgba(0,0,0,0.15);
    --flare-elevation-2: 0px 1px 2px rgba(0,0,0,0.3), 0px 2px 6px 2px rgba(0,0,0,0.15);
    --flare-elevation-3: 0px 4px 8px 3px rgba(0,0,0,0.15), 0px 1px 3px rgba(0,0,0,0.3);
    --flare-elevation-4: 0px 6px 10px 4px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.3);
    --flare-elevation-5: 0px 8px 12px 6px rgba(0,0,0,0.15), 0px 4px 4px rgba(0,0,0,0.3);

    --flare-motion-duration-short1: 50ms;
    --flare-motion-duration-short2: 100ms;
    --flare-motion-duration-medium1: 200ms;
    --flare-motion-duration-medium2: 300ms;
    --flare-motion-duration-long1: 450ms;
    --flare-motion-duration-long2: 600ms;
    --flare-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
    --flare-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);
    --flare-motion-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
    --flare-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);

    --flare-state-hover-opacity: 0.08;
    --flare-state-focus-opacity: 0.12;
    --flare-state-pressed-opacity: 0.12;
    --flare-state-dragged-opacity: 0.16;
    --flare-state-disabled-opacity: 0.38;
    --flare-state-disabled-container-opacity: 0.12;

    --flare-typescale-body-large-font: Roboto, sans-serif;
    --flare-typescale-body-large-weight: 400;
    --flare-typescale-body-large-size: 1rem;
    --flare-typescale-body-large-height: 1.5rem;
    --flare-typescale-body-large-spacing: 0.03125em;

    --flare-typescale-body-medium-font: Roboto, sans-serif;
    --flare-typescale-body-medium-weight: 400;
    --flare-typescale-body-medium-size: 0.875rem;
    --flare-typescale-body-medium-height: 1.25rem;
    --flare-typescale-body-medium-spacing: 0.015625em;

    --flare-typescale-label-large-font: Roboto, sans-serif;
    --flare-typescale-label-large-weight: 500;
    --flare-typescale-label-large-size: 0.875rem;
    --flare-typescale-label-large-height: 1.25rem;
    --flare-typescale-label-large-spacing: 0.00625em;

    --flare-typescale-title-large-font: Roboto, sans-serif;
    --flare-typescale-title-large-weight: 400;
    --flare-typescale-title-large-size: 1.375rem;
    --flare-typescale-title-large-height: 1.75rem;
    --flare-typescale-title-large-spacing: 0em;

    --flare-typescale-headline-small-font: Roboto, sans-serif;
    --flare-typescale-headline-small-weight: 400;
    --flare-typescale-headline-small-size: 1.5rem;
    --flare-typescale-headline-small-height: 2rem;
    --flare-typescale-headline-small-spacing: 0em;
}
