/* ⚠️ GENERATED by scripts/tokens-build.ts from src/ui/tokens/tokens.ts.
   Do not edit. Change tokens.ts and run `npm run tokens:build`.
   Material 3, tonal-spot, spec 2025, seed #4B47F5, contrast 0. */

:root {
  --md-sys-typescale-font: var(--font-brand, ui-sans-serif), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --md-sys-typescale-font-mono: var(--font-brand-mono, ui-monospace), ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --md-sys-typescale-display-xl-size: clamp(2.5rem, 1.45rem + 4.6vw, 4.5rem);
  --md-sys-typescale-display-xl-line-height: 1.02;
  --md-sys-typescale-display-xl-weight: 700;
  --md-sys-typescale-display-xl-tracking: -0.045em;
  --md-sys-typescale-display-lg-size: clamp(2.5rem, 1.9rem + 2.7vw, 3.5rem);
  --md-sys-typescale-display-lg-line-height: 1.06;
  --md-sys-typescale-display-lg-weight: 600;
  --md-sys-typescale-display-lg-tracking: -0.04em;
  --md-sys-typescale-display-md-size: clamp(2rem, 1.62rem + 1.7vw, 2.75rem);
  --md-sys-typescale-display-md-line-height: 1.1;
  --md-sys-typescale-display-md-weight: 600;
  --md-sys-typescale-display-md-tracking: -0.035em;
  --md-sys-typescale-display-sm-size: clamp(1.75rem, 1.52rem + 1vw, 2.25rem);
  --md-sys-typescale-display-sm-line-height: 1.15;
  --md-sys-typescale-display-sm-weight: 600;
  --md-sys-typescale-display-sm-tracking: -0.03em;
  --md-sys-typescale-headline-lg-size: 2rem;
  --md-sys-typescale-headline-lg-line-height: 2.375rem;
  --md-sys-typescale-headline-lg-weight: 600;
  --md-sys-typescale-headline-lg-tracking: -0.03em;
  --md-sys-typescale-headline-md-size: 1.625rem;
  --md-sys-typescale-headline-md-line-height: 2rem;
  --md-sys-typescale-headline-md-weight: 600;
  --md-sys-typescale-headline-md-tracking: -0.025em;
  --md-sys-typescale-headline-sm-size: 1.375rem;
  --md-sys-typescale-headline-sm-line-height: 1.75rem;
  --md-sys-typescale-headline-sm-weight: 600;
  --md-sys-typescale-headline-sm-tracking: -0.02em;
  --md-sys-typescale-title-lg-size: 1.125rem;
  --md-sys-typescale-title-lg-line-height: 1.625rem;
  --md-sys-typescale-title-lg-weight: 600;
  --md-sys-typescale-title-lg-tracking: -0.015em;
  --md-sys-typescale-title-md-size: 1rem;
  --md-sys-typescale-title-md-line-height: 1.5rem;
  --md-sys-typescale-title-md-weight: 600;
  --md-sys-typescale-title-md-tracking: -0.011em;
  --md-sys-typescale-title-sm-size: 0.875rem;
  --md-sys-typescale-title-sm-line-height: 1.25rem;
  --md-sys-typescale-title-sm-weight: 600;
  --md-sys-typescale-title-sm-tracking: -0.006em;
  --md-sys-typescale-body-lg-size: 1rem;
  --md-sys-typescale-body-lg-line-height: 1.625rem;
  --md-sys-typescale-body-lg-weight: 400;
  --md-sys-typescale-body-lg-tracking: -0.006em;
  --md-sys-typescale-body-md-size: 0.875rem;
  --md-sys-typescale-body-md-line-height: 1.375rem;
  --md-sys-typescale-body-md-weight: 400;
  --md-sys-typescale-body-md-tracking: -0.003em;
  --md-sys-typescale-body-sm-size: 0.8125rem;
  --md-sys-typescale-body-sm-line-height: 1.125rem;
  --md-sys-typescale-body-sm-weight: 400;
  --md-sys-typescale-body-sm-tracking: 0em;
  --md-sys-typescale-label-lg-size: 0.875rem;
  --md-sys-typescale-label-lg-line-height: 1.25rem;
  --md-sys-typescale-label-lg-weight: 500;
  --md-sys-typescale-label-lg-tracking: -0.003em;
  --md-sys-typescale-label-md-size: 0.75rem;
  --md-sys-typescale-label-md-line-height: 1rem;
  --md-sys-typescale-label-md-weight: 500;
  --md-sys-typescale-label-md-tracking: 0.005em;
  --md-sys-typescale-label-sm-size: 0.6875rem;
  --md-sys-typescale-label-sm-line-height: 1rem;
  --md-sys-typescale-label-sm-weight: 500;
  --md-sys-typescale-label-sm-tracking: 0.01em;
  --md-sys-shape-corner-none: 0px;
  --md-sys-shape-corner-extra-small: 4px;
  --md-sys-shape-corner-small: 8px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-extra-large: 20px;
  --md-sys-shape-corner-full: 9999px;
  --md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
  --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
  --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);
  --md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --md-sys-motion-easing-linear: linear;
  --md-sys-motion-duration-short1: 50ms;
  --md-sys-motion-duration-short2: 100ms;
  --md-sys-motion-duration-short3: 150ms;
  --md-sys-motion-duration-short4: 200ms;
  --md-sys-motion-duration-medium1: 250ms;
  --md-sys-motion-duration-medium2: 300ms;
  --md-sys-motion-duration-medium3: 350ms;
  --md-sys-motion-duration-medium4: 400ms;
  --md-sys-motion-duration-long1: 450ms;
  --md-sys-motion-duration-long2: 500ms;
  --md-sys-motion-duration-long3: 550ms;
  --md-sys-motion-duration-long4: 600ms;
  --md-sys-motion-duration-extra-long1: 700ms;
  --md-sys-motion-duration-extra-long2: 800ms;
  --md-sys-motion-duration-extra-long3: 900ms;
  --md-sys-motion-duration-extra-long4: 1000ms;
  --md-sys-motion-spring-fast-spatial: linear(0, 0.048, 0.165, 0.318, 0.482, 0.639, 0.777, 0.889, 0.975, 1.035, 1.072, 1.09, 1.095, 1.089, 1.078, 1.063, 1.047, 1.033, 1.02, 1.009, 1.002, 0.996, 0.993, 0.991, 0.991, 0.992, 0.993, 0.994, 0.996, 0.997, 0.998, 0.999, 1);
  --md-sys-motion-spring-fast-spatial-duration: 374ms;
  --md-sys-motion-spring-default-spatial: linear(0, 0.03, 0.106, 0.206, 0.316, 0.428, 0.533, 0.629, 0.712, 0.783, 0.842, 0.89, 0.927, 0.956, 0.977, 0.992, 1.003, 1.009, 1.013, 1.015, 1.015, 1.014, 1.013, 1.012, 1.01, 1.008, 1.007, 1.005, 1.004, 1.003, 1.002, 1.002, 1);
  --md-sys-motion-spring-default-spatial-duration: 435ms;
  --md-sys-motion-spring-slow-spatial: linear(0, 0.03, 0.106, 0.206, 0.317, 0.428, 0.533, 0.629, 0.713, 0.784, 0.843, 0.89, 0.927, 0.956, 0.977, 0.992, 1.003, 1.009, 1.013, 1.015, 1.015, 1.014, 1.013, 1.012, 1.01, 1.008, 1.007, 1.005, 1.004, 1.003, 1.002, 1.002, 1);
  --md-sys-motion-spring-slow-spatial-duration: 600ms;
  --md-sys-motion-spring-fast-effects: linear(0, 0.035, 0.117, 0.22, 0.327, 0.43, 0.524, 0.607, 0.679, 0.739, 0.79, 0.832, 0.866, 0.893, 0.915, 0.933, 0.948, 0.959, 0.968, 0.975, 0.98, 0.985, 0.988, 0.991, 0.993, 0.994, 0.996, 0.997, 0.997, 0.998, 0.999, 0.999, 1);
  --md-sys-motion-spring-fast-effects-duration: 152ms;
  --md-sys-motion-spring-default-effects: linear(0, 0.034, 0.115, 0.215, 0.321, 0.423, 0.517, 0.6, 0.671, 0.732, 0.783, 0.826, 0.86, 0.889, 0.911, 0.93, 0.945, 0.956, 0.966, 0.973, 0.979, 0.984, 0.987, 0.99, 0.992, 0.994, 0.995, 0.996, 0.997, 0.998, 0.998, 0.999, 1);
  --md-sys-motion-spring-default-effects-duration: 231ms;
  --md-sys-motion-spring-slow-effects: linear(0, 0.035, 0.115, 0.216, 0.321, 0.424, 0.517, 0.6, 0.672, 0.733, 0.784, 0.826, 0.861, 0.889, 0.912, 0.93, 0.945, 0.957, 0.966, 0.973, 0.979, 0.984, 0.987, 0.99, 0.992, 0.994, 0.995, 0.996, 0.997, 0.998, 0.998, 0.999, 1);
  --md-sys-motion-spring-slow-effects-duration: 327ms;
  --md-sys-state-hover-opacity: 0.08;
  --md-sys-state-focus-opacity: 0.1;
  --md-sys-state-pressed-opacity: 0.1;
  --md-sys-state-dragged-opacity: 0.16;
  --md-sys-state-disabled-content-opacity: 0.38;
  --md-sys-state-disabled-container-opacity: 0.12;
  --md-sys-space-0: 0px;
  --md-sys-space-1: 4px;
  --md-sys-space-2: 8px;
  --md-sys-space-3: 12px;
  --md-sys-space-4: 16px;
  --md-sys-space-5: 20px;
  --md-sys-space-6: 24px;
  --md-sys-space-7: 28px;
  --md-sys-space-8: 32px;
  --md-sys-space-10: 40px;
  --md-sys-space-12: 48px;
  --md-sys-space-14: 56px;
  --md-sys-space-16: 64px;
  --md-sys-space-20: 80px;
  --md-sys-space-24: 96px;
  --md-sys-size-touch: 48px;
  --md-sys-size-button-xs: 32px;
  --md-sys-size-button-sm: 40px;
  --md-sys-size-button-md: 40px;
  --md-sys-size-button-lg: 56px;
  --md-sys-size-icon-button: 40px;
  --md-sys-size-field: 56px;
  --md-sys-size-field-dense: 48px;
  --md-sys-size-app-bar: 64px;
  --md-sys-size-app-bar-compact: 56px;
  --md-sys-size-nav-bar: 80px;
  --md-sys-size-nav-rail: 80px;
  --md-sys-size-nav-drawer: 360px;
  --md-sys-size-icon-sm: 18px;
  --md-sys-size-icon-md: 24px;
  --md-sys-size-icon-lg: 32px;
  --md-sys-size-icon-xl: 40px;
  --md-sys-measure-body: 66ch;
  --md-sys-measure-narrow: 48ch;
  --md-sys-z-base: 0;
  --md-sys-z-raised: 10;
  --md-sys-z-sticky: 20;
  --md-sys-z-nav: 30;
  --md-sys-z-dropdown: 40;
  --md-sys-z-overlay: 50;
  --md-sys-z-modal: 60;
  --md-sys-z-snackbar: 70;
  --md-sys-z-tooltip: 80;
  --md-sys-layout-reading: 640px;
  --md-sys-layout-form: 720px;
  --md-sys-layout-content: 1200px;
  --md-sys-layout-wide: 1440px;
  --md-sys-layout-nav-rail: 80px;
  --md-sys-layout-nav-drawer: 360px;
  --md-sys-layout-side-sheet: 400px;
  --md-sys-gutter: 16px;
}

:root, .light {
  color-scheme: light;
  --md-sys-color-primary: #4B47F5;
  --md-sys-color-primary-rgb: 75 71 245;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-on-primary-rgb: 255 255 255;
  --md-sys-color-primary-container: #EEEEFF;
  --md-sys-color-primary-container-rgb: 238 238 255;
  --md-sys-color-on-primary-container: #2420A8;
  --md-sys-color-on-primary-container-rgb: 36 32 168;
  --md-sys-color-secondary: #4B47F5;
  --md-sys-color-secondary-rgb: 75 71 245;
  --md-sys-color-on-secondary: #FFFFFF;
  --md-sys-color-on-secondary-rgb: 255 255 255;
  --md-sys-color-secondary-container: #EDEDEF;
  --md-sys-color-secondary-container-rgb: 237 237 239;
  --md-sys-color-on-secondary-container: #09090B;
  --md-sys-color-on-secondary-container-rgb: 9 9 11;
  --md-sys-color-tertiary: #6B6B74;
  --md-sys-color-tertiary-rgb: 107 107 116;
  --md-sys-color-on-tertiary: #FFFFFF;
  --md-sys-color-on-tertiary-rgb: 255 255 255;
  --md-sys-color-tertiary-container: #EDEDEF;
  --md-sys-color-tertiary-container-rgb: 237 237 239;
  --md-sys-color-on-tertiary-container: #09090B;
  --md-sys-color-on-tertiary-container-rgb: 9 9 11;
  --md-sys-color-error: #D42A1F;
  --md-sys-color-error-rgb: 212 42 31;
  --md-sys-color-on-error: #FFFFFF;
  --md-sys-color-on-error-rgb: 255 255 255;
  --md-sys-color-error-container: #FEEDEB;
  --md-sys-color-error-container-rgb: 254 237 235;
  --md-sys-color-on-error-container: #7A1C14;
  --md-sys-color-on-error-container-rgb: 122 28 20;
  --md-sys-color-surface: #FFFFFF;
  --md-sys-color-surface-rgb: 255 255 255;
  --md-sys-color-on-surface: #09090B;
  --md-sys-color-on-surface-rgb: 9 9 11;
  --md-sys-color-surface-variant: #F4F4F5;
  --md-sys-color-surface-variant-rgb: 244 244 245;
  --md-sys-color-on-surface-variant: #5E5E67;
  --md-sys-color-on-surface-variant-rgb: 94 94 103;
  --md-sys-color-surface-dim: #EDEDEF;
  --md-sys-color-surface-dim-rgb: 237 237 239;
  --md-sys-color-surface-bright: #FFFFFF;
  --md-sys-color-surface-bright-rgb: 255 255 255;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-lowest-rgb: 255 255 255;
  --md-sys-color-surface-container-low: #FAFAFA;
  --md-sys-color-surface-container-low-rgb: 250 250 250;
  --md-sys-color-surface-container: #F4F4F5;
  --md-sys-color-surface-container-rgb: 244 244 245;
  --md-sys-color-surface-container-high: #EDEDEF;
  --md-sys-color-surface-container-high-rgb: 237 237 239;
  --md-sys-color-surface-container-highest: #E4E4E7;
  --md-sys-color-surface-container-highest-rgb: 228 228 231;
  --md-sys-color-surface-tint: #4B47F5;
  --md-sys-color-surface-tint-rgb: 75 71 245;
  --md-sys-color-background: #FFFFFF;
  --md-sys-color-background-rgb: 255 255 255;
  --md-sys-color-on-background: #09090B;
  --md-sys-color-on-background-rgb: 9 9 11;
  --md-sys-color-outline: #7A7A83;
  --md-sys-color-outline-rgb: 122 122 131;
  --md-sys-color-outline-variant: #E4E4E7;
  --md-sys-color-outline-variant-rgb: 228 228 231;
  --md-sys-color-inverse-surface: #18181B;
  --md-sys-color-inverse-surface-rgb: 24 24 27;
  --md-sys-color-inverse-on-surface: #FAFAFA;
  --md-sys-color-inverse-on-surface-rgb: 250 250 250;
  --md-sys-color-inverse-primary: #A9A7FF;
  --md-sys-color-inverse-primary-rgb: 169 167 255;
  --md-sys-color-scrim: #000000;
  --md-sys-color-scrim-rgb: 0 0 0;
  --md-sys-color-shadow: #000000;
  --md-sys-color-shadow-rgb: 0 0 0;
  --md-sys-color-premium: #4B47F5;
  --md-sys-color-premium-rgb: 75 71 245;
  --md-sys-color-on-premium: #FFFFFF;
  --md-sys-color-on-premium-rgb: 255 255 255;
  --md-sys-color-premium-container: #EEEEFF;
  --md-sys-color-premium-container-rgb: 238 238 255;
  --md-sys-color-on-premium-container: #2420A8;
  --md-sys-color-on-premium-container-rgb: 36 32 168;
  --md-sys-color-positive: #137A3E;
  --md-sys-color-positive-rgb: 19 122 62;
  --md-sys-color-on-positive: #FFFFFF;
  --md-sys-color-on-positive-rgb: 255 255 255;
  --md-sys-color-positive-container: #E6F6EC;
  --md-sys-color-positive-container-rgb: 230 246 236;
  --md-sys-color-on-positive-container: #0B4A25;
  --md-sys-color-on-positive-container-rgb: 11 74 37;
  --md-sys-color-rare: #0B7285;
  --md-sys-color-rare-rgb: 11 114 133;
  --md-sys-color-on-rare: #FFFFFF;
  --md-sys-color-on-rare-rgb: 255 255 255;
  --md-sys-color-rare-container: #E3F6F9;
  --md-sys-color-rare-container-rgb: 227 246 249;
  --md-sys-color-on-rare-container: #08414C;
  --md-sys-color-on-rare-container-rgb: 8 65 76;
  --md-sys-elevation-0: none;
  --md-sys-elevation-1: 0 1px 2px 0 rgb(0 0 0 / 0.05), 0 1px 3px 0 rgb(0 0 0 / 0.04);
  --md-sys-elevation-2: 0 0 0 1px rgb(0 0 0 / 0.04), 0 2px 4px -1px rgb(0 0 0 / 0.06), 0 6px 16px -4px rgb(0 0 0 / 0.08);
  --md-sys-elevation-3: 0 0 0 1px rgb(0 0 0 / 0.05), 0 4px 8px -2px rgb(0 0 0 / 0.06), 0 16px 32px -8px rgb(0 0 0 / 0.16);
  --md-sys-elevation-4: 0 0 0 1px rgb(0 0 0 / 0.05), 0 8px 16px -4px rgb(0 0 0 / 0.08), 0 24px 48px -12px rgb(0 0 0 / 0.20);
  --md-sys-elevation-5: 0 0 0 1px rgb(0 0 0 / 0.06), 0 12px 24px -6px rgb(0 0 0 / 0.10), 0 32px 64px -16px rgb(0 0 0 / 0.24);
  --md-sys-elevation-surface-0: var(--md-sys-color-surface);
  --md-sys-elevation-surface-1: var(--md-sys-color-surface-container-low);
  --md-sys-elevation-surface-2: var(--md-sys-color-surface-container);
  --md-sys-elevation-surface-3: var(--md-sys-color-surface-container-high);
  --md-sys-elevation-surface-4: var(--md-sys-color-surface-container-high);
  --md-sys-elevation-surface-5: var(--md-sys-color-surface-container-highest);
}

.dark {
  color-scheme: dark;
  --md-sys-color-primary: #605DFF;
  --md-sys-color-primary-rgb: 96 93 255;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-on-primary-rgb: 255 255 255;
  --md-sys-color-primary-container: #1E1C4A;
  --md-sys-color-primary-container-rgb: 30 28 74;
  --md-sys-color-on-primary-container: #D6D5FF;
  --md-sys-color-on-primary-container-rgb: 214 213 255;
  --md-sys-color-secondary: #605DFF;
  --md-sys-color-secondary-rgb: 96 93 255;
  --md-sys-color-on-secondary: #FFFFFF;
  --md-sys-color-on-secondary-rgb: 255 255 255;
  --md-sys-color-secondary-container: #28282C;
  --md-sys-color-secondary-container-rgb: 40 40 44;
  --md-sys-color-on-secondary-container: #F4F4F5;
  --md-sys-color-on-secondary-container-rgb: 244 244 245;
  --md-sys-color-tertiary: #A1A1AA;
  --md-sys-color-tertiary-rgb: 161 161 170;
  --md-sys-color-on-tertiary: #09090B;
  --md-sys-color-on-tertiary-rgb: 9 9 11;
  --md-sys-color-tertiary-container: #28282C;
  --md-sys-color-tertiary-container-rgb: 40 40 44;
  --md-sys-color-on-tertiary-container: #F4F4F5;
  --md-sys-color-on-tertiary-container-rgb: 244 244 245;
  --md-sys-color-error: #FF6B61;
  --md-sys-color-error-rgb: 255 107 97;
  --md-sys-color-on-error: #2A0805;
  --md-sys-color-on-error-rgb: 42 8 5;
  --md-sys-color-error-container: #3A1310;
  --md-sys-color-error-container-rgb: 58 19 16;
  --md-sys-color-on-error-container: #FFCBC6;
  --md-sys-color-on-error-container-rgb: 255 203 198;
  --md-sys-color-surface: #09090B;
  --md-sys-color-surface-rgb: 9 9 11;
  --md-sys-color-on-surface: #FAFAFA;
  --md-sys-color-on-surface-rgb: 250 250 250;
  --md-sys-color-surface-variant: #1E1E21;
  --md-sys-color-surface-variant-rgb: 30 30 33;
  --md-sys-color-on-surface-variant: #A1A1AA;
  --md-sys-color-on-surface-variant-rgb: 161 161 170;
  --md-sys-color-surface-dim: #09090B;
  --md-sys-color-surface-dim-rgb: 9 9 11;
  --md-sys-color-surface-bright: #2E2E33;
  --md-sys-color-surface-bright-rgb: 46 46 51;
  --md-sys-color-surface-container-lowest: #050506;
  --md-sys-color-surface-container-lowest-rgb: 5 5 6;
  --md-sys-color-surface-container-low: #0F0F11;
  --md-sys-color-surface-container-low-rgb: 15 15 17;
  --md-sys-color-surface-container: #161618;
  --md-sys-color-surface-container-rgb: 22 22 24;
  --md-sys-color-surface-container-high: #1E1E21;
  --md-sys-color-surface-container-high-rgb: 30 30 33;
  --md-sys-color-surface-container-highest: #28282C;
  --md-sys-color-surface-container-highest-rgb: 40 40 44;
  --md-sys-color-surface-tint: #605DFF;
  --md-sys-color-surface-tint-rgb: 96 93 255;
  --md-sys-color-background: #09090B;
  --md-sys-color-background-rgb: 9 9 11;
  --md-sys-color-on-background: #FAFAFA;
  --md-sys-color-on-background-rgb: 250 250 250;
  --md-sys-color-outline: #7A7A84;
  --md-sys-color-outline-rgb: 122 122 132;
  --md-sys-color-outline-variant: #27272A;
  --md-sys-color-outline-variant-rgb: 39 39 42;
  --md-sys-color-inverse-surface: #FAFAFA;
  --md-sys-color-inverse-surface-rgb: 250 250 250;
  --md-sys-color-inverse-on-surface: #09090B;
  --md-sys-color-inverse-on-surface-rgb: 9 9 11;
  --md-sys-color-inverse-primary: #4B47F5;
  --md-sys-color-inverse-primary-rgb: 75 71 245;
  --md-sys-color-scrim: #000000;
  --md-sys-color-scrim-rgb: 0 0 0;
  --md-sys-color-shadow: #000000;
  --md-sys-color-shadow-rgb: 0 0 0;
  --md-sys-color-premium: #8F8DFF;
  --md-sys-color-premium-rgb: 143 141 255;
  --md-sys-color-on-premium: #0E0C33;
  --md-sys-color-on-premium-rgb: 14 12 51;
  --md-sys-color-premium-container: #1E1C4A;
  --md-sys-color-premium-container-rgb: 30 28 74;
  --md-sys-color-on-premium-container: #D6D5FF;
  --md-sys-color-on-premium-container-rgb: 214 213 255;
  --md-sys-color-positive: #4ADE80;
  --md-sys-color-positive-rgb: 74 222 128;
  --md-sys-color-on-positive: #052E16;
  --md-sys-color-on-positive-rgb: 5 46 22;
  --md-sys-color-positive-container: #0D2A19;
  --md-sys-color-positive-container-rgb: 13 42 25;
  --md-sys-color-on-positive-container: #BBF7D0;
  --md-sys-color-on-positive-container-rgb: 187 247 208;
  --md-sys-color-rare: #3CCFE6;
  --md-sys-color-rare-rgb: 60 207 230;
  --md-sys-color-on-rare: #04313A;
  --md-sys-color-on-rare-rgb: 4 49 58;
  --md-sys-color-rare-container: #0A2A31;
  --md-sys-color-rare-container-rgb: 10 42 49;
  --md-sys-color-on-rare-container: #B5F1FA;
  --md-sys-color-on-rare-container-rgb: 181 241 250;
  --md-sys-elevation-0: none;
  --md-sys-elevation-1: none;
  --md-sys-elevation-2: none;
  --md-sys-elevation-3: none;
  --md-sys-elevation-4: none;
  --md-sys-elevation-5: none;
  --md-sys-elevation-surface-0: var(--md-sys-color-surface);
  --md-sys-elevation-surface-1: var(--md-sys-color-surface-container-low);
  --md-sys-elevation-surface-2: var(--md-sys-color-surface-container);
  --md-sys-elevation-surface-3: var(--md-sys-color-surface-container-high);
  --md-sys-elevation-surface-4: var(--md-sys-color-surface-container-high);
  --md-sys-elevation-surface-5: var(--md-sys-color-surface-container-highest);
}

@media (min-width: 600px) {
  :root {
    --md-sys-gutter: 24px;
  }
}
/* medium */
@media (min-width: 840px) {
  :root {
    --md-sys-gutter: 24px;
  }
}
/* expanded */
@media (min-width: 1200px) {
  :root {
    --md-sys-gutter: 32px;
  }
}
/* large */
@media (min-width: 1600px) {
  :root {
    --md-sys-gutter: 32px;
  }
}
/* xlarge */