/* Generated by build-tokens.mjs – do not edit */

:root {
  --md-sys-color-surface: #fafafa;
  --md-sys-color-on-surface: #1a1a1a;
  --md-sys-color-on-surface-variant: #4d4d4d;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #f7f7f7;
  --md-sys-color-surface-container: #f2f2f2;
  --md-sys-color-surface-container-high: #ececec;
  --md-sys-color-surface-container-highest: #e6e6e6;
  --md-sys-color-primary: #1e3a5f;
  --md-sys-color-on-primary: #e8f0fe;
  --md-sys-color-primary-container: #d3e3fd;
  --md-sys-color-on-primary-container: #001b3d;
  --md-sys-color-secondary: #5c5c5c;
  --md-sys-color-on-secondary: #f5f5f5;
  --md-sys-color-secondary-container: #e0e0e0;
  --md-sys-color-on-secondary-container: #1a1a1a;
  --md-sys-color-tertiary: #5c4500;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #ffdf9e;
  --md-sys-color-on-tertiary-container: #1a1a1a;
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-on-error-container: #fffbff;
  --md-sys-color-outline: #797979;
  --md-sys-color-outline-variant: #c9c9c9;
  --md-sys-color-inverse-surface: #323232;
  --md-sys-color-inverse-on-surface: #f5f5f5;
  --md-sys-color-scrim: #000000;
  --md-sys-color-background: #fafafa;
  --md-sys-typescale-display-large-size: 3.75rem;
  --md-sys-typescale-display-large-line-height: 1.2;
  --md-sys-typescale-display-large-weight: 400;
  --md-sys-typescale-display-medium-size: 3.25rem;
  --md-sys-typescale-display-medium-line-height: 1.15;
  --md-sys-typescale-display-medium-weight: 400;
  --md-sys-typescale-display-small-size: 2.5rem;
  --md-sys-typescale-display-small-line-height: 1.2;
  --md-sys-typescale-display-small-weight: 400;
  --md-sys-typescale-headline-large-size: 2rem;
  --md-sys-typescale-headline-large-line-height: 1.25;
  --md-sys-typescale-headline-large-weight: 400;
  --md-sys-typescale-headline-medium-size: 1.75rem;
  --md-sys-typescale-headline-medium-line-height: 1.29;
  --md-sys-typescale-headline-medium-weight: 400;
  --md-sys-typescale-headline-small-size: 1.5rem;
  --md-sys-typescale-headline-small-line-height: 1.33;
  --md-sys-typescale-headline-small-weight: 400;
  --md-sys-typescale-title-large-size: 1.375rem;
  --md-sys-typescale-title-large-line-height: 1.27;
  --md-sys-typescale-title-large-weight: 500;
  --md-sys-typescale-title-medium-size: 1rem;
  --md-sys-typescale-title-medium-line-height: 1.375;
  --md-sys-typescale-title-medium-weight: 500;
  --md-sys-typescale-title-small-size: 0.875rem;
  --md-sys-typescale-title-small-line-height: 1.43;
  --md-sys-typescale-title-small-weight: 500;
  --md-sys-typescale-body-large-size: 1rem;
  --md-sys-typescale-body-large-line-height: 1.625;
  --md-sys-typescale-body-large-weight: 400;
  --md-sys-typescale-body-medium-size: 0.875rem;
  --md-sys-typescale-body-medium-line-height: 1.5;
  --md-sys-typescale-body-medium-weight: 400;
  --md-sys-typescale-body-small-size: 0.8125rem;
  --md-sys-typescale-body-small-line-height: 1.4;
  --md-sys-typescale-body-small-weight: 400;
  --md-sys-typescale-label-large-size: 0.875rem;
  --md-sys-typescale-label-large-line-height: 1.43;
  --md-sys-typescale-label-large-weight: 500;
  --md-sys-typescale-label-medium-size: 0.75rem;
  --md-sys-typescale-label-medium-line-height: 1.33;
  --md-sys-typescale-label-medium-weight: 500;
  --md-sys-typescale-label-small-size: 0.6875rem;
  --md-sys-typescale-label-small-line-height: 1.45;
  --md-sys-typescale-label-small-weight: 500;
  --md-sys-font-family-sans: "Google Sans Flex", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --md-sys-font-family-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --md-sys-shape-corner-none: 0;
  --md-sys-shape-corner-small: 0.25rem;
  --md-sys-shape-corner-medium: 0.5rem;
  --md-sys-shape-corner-large: 1rem;
  --md-sys-shape-corner-extra-large: 0.5rem;
  --md-sys-shape-corner-super-large: 2rem;
  --md-sys-shape-corner-full: 9999px;
  --md-sys-motion-duration-short: 200ms;
  --md-sys-motion-duration-medium: 300ms;
  --md-sys-motion-duration-long: 500ms;
  --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --md-sys-motion-easing-decelerated: cubic-bezier(0, 0, 0, 1);
  --md-sys-motion-easing-accelerated: cubic-bezier(0.3, 0, 1, 1);
  --md-sys-spacing-0: 0rem;
  --md-sys-spacing-px: 1px;
  --md-sys-spacing-0-5: 0.125rem;
  --md-sys-spacing-1: 0.25rem;
  --md-sys-spacing-1-5: 0.375rem;
  --md-sys-spacing-2: 0.5rem;
  --md-sys-spacing-2-5: 0.625rem;
  --md-sys-spacing-3: 0.75rem;
  --md-sys-spacing-3-5: 0.875rem;
  --md-sys-spacing-4: 1rem;
  --md-sys-spacing-5: 1.25rem;
  --md-sys-spacing-6: 1.5rem;
  --md-sys-spacing-7: 1.75rem;
  --md-sys-spacing-8: 2rem;
  --md-sys-spacing-9: 2.25rem;
  --md-sys-spacing-10: 2.5rem;
  --md-sys-spacing-11: 2.75rem;
  --md-sys-spacing-12: 3rem;
  --md-sys-spacing-14: 3.5rem;
  --md-sys-spacing-16: 4rem;
  --md-sys-spacing-20: 5rem;
  --md-sys-spacing-24: 6rem;
  --md-sys-spacing-28: 7rem;
  --md-sys-spacing-32: 8rem;
  --md-sys-spacing-36: 9rem;
  --md-sys-spacing-40: 10rem;
  --md-sys-spacing-44: 11rem;
  --md-sys-spacing-48: 12rem;
  --md-sys-spacing-52: 13rem;
  --md-sys-spacing-56: 14rem;
  --md-sys-spacing-60: 15rem;
  --md-sys-spacing-64: 16rem;
  --md-sys-spacing-72: 18rem;
  --md-sys-spacing-80: 20rem;
  --md-sys-spacing-96: 24rem;
  --md-sys-state-layer-hover-opacity: 0.08;
  --md-sys-state-layer-focus-opacity: 0.12;
  --md-sys-state-layer-pressed-opacity: 0.12;
  --md-sys-focus-ring-width: 2px;
  --md-sys-focus-ring-color: var(--md-sys-color-primary);
  --md-sys-disabled-opacity: 0.38;
  --md-sys-elevation-0: none;
  --md-sys-elevation-1: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 3px -1px rgba(0, 0, 0, 0.1);
  --md-sys-elevation-2: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
  --md-sys-elevation-3: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
}

[data-theme="dark"] {
  --md-sys-color-surface: #1a1a1a;
  --md-sys-color-on-surface: #e6e6e6;
  --md-sys-color-on-surface-variant: #c9c9c9;
  --md-sys-color-surface-container-lowest: #0d0d0d;
  --md-sys-color-surface-container-low: #1f1f1f;
  --md-sys-color-surface-container: #2b2b2b;
  --md-sys-color-surface-container-high: #383838;
  --md-sys-color-surface-container-highest: #3d3d3d;
  --md-sys-color-primary: #5c8fd6;
  --md-sys-color-on-primary: #003062;
  --md-sys-color-primary-container: #00468a;
  --md-sys-color-on-primary-container: #d3e3fd;
  --md-sys-color-secondary: #c4c4c4;
  --md-sys-color-on-secondary: #2d2d2d;
  --md-sys-color-secondary-container: #434343;
  --md-sys-color-on-secondary-container: #e0e0e0;
  --md-sys-color-tertiary: #e5c44d;
  --md-sys-color-on-tertiary: #1a1a1a;
  --md-sys-color-tertiary-container: #3d2d00;
  --md-sys-color-on-tertiary-container: #ffdf9e;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #323232;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffdad6;
  --md-sys-color-outline: #949494;
  --md-sys-color-outline-variant: #4d4d4d;
  --md-sys-color-inverse-surface: #e6e6e6;
  --md-sys-color-inverse-on-surface: #323232;
  --md-sys-color-scrim: #000000;
  --md-sys-color-background: #1a1a1a;
}


/* Role layer: components use --md-color-* only */
:root {
  --md-color-background: var(--md-sys-color-background);
  --md-color-surface: var(--md-sys-color-surface);
  --md-color-surface-container-low: var(--md-sys-color-surface-container-low);
  --md-color-surface-container: var(--md-sys-color-surface-container);
  --md-color-surface-container-high: var(--md-sys-color-surface-container-high);
  --md-color-on-surface: var(--md-sys-color-on-surface);
  --md-color-on-surface-variant: var(--md-sys-color-on-surface-variant);
  --md-color-primary: var(--md-sys-color-primary);
  --md-color-on-primary: var(--md-sys-color-on-primary);
  --md-color-primary-container: var(--md-sys-color-primary-container);
  --md-color-on-primary-container: var(--md-sys-color-on-primary-container);
  --md-color-secondary-container: var(--md-sys-color-secondary-container);
  --md-color-on-secondary-container: var(--md-sys-color-on-secondary-container);
  --md-color-error-container: var(--md-sys-color-error-container);
  --md-color-on-error-container: var(--md-sys-color-on-error-container);
  --md-color-outline: var(--md-sys-color-outline);
  --md-color-outline-variant: var(--md-sys-color-outline-variant);
  --md-color-scrim: var(--md-sys-color-scrim);

  /* Shape roles */
  --md-shape-corner-none: 0;
  --md-shape-corner-small: 0.25rem;
  --md-shape-corner-medium: 0.5rem;
  --md-shape-corner-large: 1rem;
  --md-shape-corner-extra-large: 0.5rem;
  --md-shape-corner-super-large: 2rem;
  --md-shape-corner-full: 9999px;
}