:root {
  /* Color */
  --mdui-color-primary-light: 103, 80, 164;
  --mdui-color-primary-dark: 208, 188, 255;
  --mdui-color-primary: var(--mdui-color-primary-light);
  --mdui-color-primary-container-light: 234, 221, 255;
  --mdui-color-primary-container-dark: 79, 55, 139;
  --mdui-color-primary-container: var(--mdui-color-primary-container-light);
  --mdui-color-on-primary-light: 255, 255, 255;
  --mdui-color-on-primary-dark: 55, 30, 115;
  --mdui-color-on-primary: var(--mdui-color-on-primary-light);
  --mdui-color-on-primary-container-light: 33, 0, 94;
  --mdui-color-on-primary-container-dark: 234, 221, 255;
  --mdui-color-on-primary-container: var(--mdui-color-on-primary-container-light);
  --mdui-color-inverse-primary-light: 208, 188, 255;
  --mdui-color-inverse-primary-dark: 103, 80, 164;
  --mdui-color-inverse-primary: var(--mdui-color-inverse-primary-light);
  --mdui-color-secondary-light: 98, 91, 113;
  --mdui-color-secondary-dark: 204, 194, 220;
  --mdui-color-secondary: var(--mdui-color-secondary-light);
  --mdui-color-secondary-container-light: 232, 222, 248;
  --mdui-color-secondary-container-dark: 74, 68, 88;
  --mdui-color-secondary-container: var(--mdui-color-secondary-container-light);
  --mdui-color-on-secondary-light: 255, 255, 255;
  --mdui-color-on-secondary-dark: 51, 45, 65;
  --mdui-color-on-secondary: var(--mdui-color-on-secondary-light);
  --mdui-color-on-secondary-container-light: 30, 25, 43;
  --mdui-color-on-secondary-container-dark: 232, 222, 248;
  --mdui-color-on-secondary-container: var(--mdui-color-on-secondary-container-light);
  --mdui-color-tertiary-light: 125, 82, 96;
  --mdui-color-tertiary-dark: 239, 184, 200;
  --mdui-color-tertiary: var(--mdui-color-tertiary-light);
  --mdui-color-tertiary-container-light: 255, 216, 228;
  --mdui-color-tertiary-container-dark: 99, 59, 72;
  --mdui-color-tertiary-container: var(--mdui-color-tertiary-container-light);
  --mdui-color-on-tertiary-light: 255, 255, 255;
  --mdui-color-on-tertiary-dark: 73, 37, 50;
  --mdui-color-on-tertiary: var(--mdui-color-on-tertiary-light);
  --mdui-color-on-tertiary-container-light: 55, 11, 30;
  --mdui-color-on-tertiary-container-dark: 255, 216, 228;
  --mdui-color-on-tertiary-container: var(--mdui-color-on-tertiary-container-light);
  --mdui-color-surface-light: 254, 247, 255;
  --mdui-color-surface-dark: 20, 18, 24;
  --mdui-color-surface: var(--mdui-color-surface-light);
  --mdui-color-surface-dim-light: 222, 216, 225;
  --mdui-color-surface-dim-dark: 20, 18, 24;
  --mdui-color-surface-dim: var(--mdui-color-surface-dim-light);
  --mdui-color-surface-bright-light: 254, 247, 255;
  --mdui-color-surface-bright-dark: 59, 56, 62;
  --mdui-color-surface-bright: var(--mdui-color-surface-bright-light);
  --mdui-color-surface-container-lowest-light: 255, 255, 255;
  --mdui-color-surface-container-lowest-dark: 15, 13, 19;
  --mdui-color-surface-container-lowest: var(--mdui-color-surface-container-lowest-light);
  --mdui-color-surface-container-low-light: 247, 242, 250;
  --mdui-color-surface-container-low-dark: 29, 27, 32;
  --mdui-color-surface-container-low: var(--mdui-color-surface-container-low-light);
  --mdui-color-surface-container-light: 243, 237, 247;
  --mdui-color-surface-container-dark: 33, 31, 38;
  --mdui-color-surface-container: var(--mdui-color-surface-container-light);
  --mdui-color-surface-container-high-light: 236, 230, 240;
  --mdui-color-surface-container-high-dark: 43, 41, 48;
  --mdui-color-surface-container-high: var(--mdui-color-surface-container-high-light);
  --mdui-color-surface-container-highest-light: 230, 224, 233;
  --mdui-color-surface-container-highest-dark: 54, 52, 59;
  --mdui-color-surface-container-highest: var(--mdui-color-surface-container-highest-light);
  --mdui-color-surface-variant-light: 231, 224, 236;
  --mdui-color-surface-variant-dark: 73, 69, 79;
  --mdui-color-surface-variant: var(--mdui-color-surface-variant-light);
  --mdui-color-on-surface-light: 28, 27, 31;
  --mdui-color-on-surface-dark: 230, 225, 229;
  --mdui-color-on-surface: var(--mdui-color-on-surface-light);
  --mdui-color-on-surface-variant-light: 73, 69, 78;
  --mdui-color-on-surface-variant-dark: 202, 196, 208;
  --mdui-color-on-surface-variant: var(--mdui-color-on-surface-variant-light);
  --mdui-color-inverse-surface-light: 49, 48, 51;
  --mdui-color-inverse-surface-dark: 230, 225, 229;
  --mdui-color-inverse-surface: var(--mdui-color-inverse-surface-light);
  --mdui-color-inverse-on-surface-light: 244, 239, 244;
  --mdui-color-inverse-on-surface-dark: 49, 48, 51;
  --mdui-color-inverse-on-surface: var(--mdui-color-inverse-on-surface-light);
  --mdui-color-background-light: 254, 247, 255;
  --mdui-color-background-dark: 20, 18, 24;
  --mdui-color-background: var(--mdui-color-background-light);
  --mdui-color-on-background-light: 28, 27, 31;
  --mdui-color-on-background-dark: 230, 225, 229;
  --mdui-color-on-background: var(--mdui-color-on-background-light);
  --mdui-color-error-light: 179, 38, 30;
  --mdui-color-error-dark: 242, 184, 181;
  --mdui-color-error: var(--mdui-color-error-light);
  --mdui-color-error-container-light: 249, 222, 220;
  --mdui-color-error-container-dark: 140, 29, 24;
  --mdui-color-error-container: var(--mdui-color-error-container-light);
  --mdui-color-on-error-light: 255, 255, 255;
  --mdui-color-on-error-dark: 96, 20, 16;
  --mdui-color-on-error: var(--mdui-color-on-error-light);
  --mdui-color-on-error-container-light: 65, 14, 11;
  --mdui-color-on-error-container-dark: 249, 222, 220;
  --mdui-color-on-error-container: var(--mdui-color-on-error-container-light);
  --mdui-color-outline-light: 121, 116, 126;
  --mdui-color-outline-dark: 147, 143, 153;
  --mdui-color-outline: var(--mdui-color-outline-light);
  --mdui-color-outline-variant-light: 196, 199, 197;
  --mdui-color-outline-variant-dark: 68, 71, 70;
  --mdui-color-outline-variant: var(--mdui-color-outline-variant-light);
  --mdui-color-shadow-light: 0, 0, 0;
  --mdui-color-shadow-dark: 0, 0, 0;
  --mdui-color-shadow: var(--mdui-color-shadow-light);
  --mdui-color-surface-tint-color-light: 103, 80, 164;
  --mdui-color-surface-tint-color-dark: 208, 188, 255;
  --mdui-color-surface-tint-color: var(--mdui-color-surface-tint-color-light);
  --mdui-color-scrim-light: 0, 0, 0;
  --mdui-color-scrim-dark: 0, 0, 0;
  --mdui-color-scrim: var(--mdui-color-scrim-light);

  /* Corner Radius */
  --mdui-shape-corner-none: 0;
  --mdui-shape-corner-extra-small: 0.25rem;
  --mdui-shape-corner-small: 0.5rem;
  --mdui-shape-corner-medium: 0.75rem;
  --mdui-shape-corner-large: 1rem;
  --mdui-shape-corner-extra-large: 1.75rem;
  --mdui-shape-corner-full: 1000rem;

  /* Typography */
  --mdui-typescale-display-large-line-height: 4rem;
  --mdui-typescale-display-large-size: 3.5625rem;
  --mdui-typescale-display-large-tracking: 0;
  --mdui-typescale-display-large-weight: 400;
  --mdui-typescale-display-medium-line-height: 3.25rem;
  --mdui-typescale-display-medium-size: 2.8125rem;
  --mdui-typescale-display-medium-tracking: 0;
  --mdui-typescale-display-medium-weight: 400;
  --mdui-typescale-display-small-line-height: 2.75rem;
  --mdui-typescale-display-small-size: 2.25rem;
  --mdui-typescale-display-small-tracking: 0;
  --mdui-typescale-display-small-weight: 400;
  --mdui-typescale-headline-large-line-height: 2.5rem;
  --mdui-typescale-headline-large-size: 2rem;
  --mdui-typescale-headline-large-tracking: 0;
  --mdui-typescale-headline-large-weight: 400;
  --mdui-typescale-headline-medium-line-height: 2.25rem;
  --mdui-typescale-headline-medium-size: 1.75rem;
  --mdui-typescale-headline-medium-tracking: 0;
  --mdui-typescale-headline-medium-weight: 400;
  --mdui-typescale-headline-small-line-height: 2rem;
  --mdui-typescale-headline-small-size: 1.5rem;
  --mdui-typescale-headline-small-tracking: 0;
  --mdui-typescale-headline-small-weight: 400;
  --mdui-typescale-title-large-line-height: 1.75rem;
  --mdui-typescale-title-large-size: 1.375rem;
  --mdui-typescale-title-large-tracking: 0;
  --mdui-typescale-title-large-weight: 400;
  --mdui-typescale-title-medium-line-height: 1.5rem;
  --mdui-typescale-title-medium-size: 1rem;
  --mdui-typescale-title-medium-tracking: 0.009375rem;
  --mdui-typescale-title-medium-weight: 500;
  --mdui-typescale-title-small-line-height: 1.25rem;
  --mdui-typescale-title-small-size: 0.875rem;
  --mdui-typescale-title-small-tracking: 0.00625rem;
  --mdui-typescale-title-small-weight: 500;
  --mdui-typescale-label-large-line-height: 1.25rem;
  --mdui-typescale-label-large-size: 0.875rem;
  --mdui-typescale-label-large-tracking: 0.00625rem;
  --mdui-typescale-label-large-weight: 500;
  --mdui-typescale-label-medium-line-height: 1rem;
  --mdui-typescale-label-medium-size: 0.75rem;
  --mdui-typescale-label-medium-tracking: 0.03125rem;
  --mdui-typescale-label-medium-weight: 500;
  --mdui-typescale-label-small-line-height: 0.375rem;
  --mdui-typescale-label-small-size: 0.6875rem;
  --mdui-typescale-label-small-tracking: 0.03125rem;
  --mdui-typescale-label-small-weight: 500;
  --mdui-typescale-body-large-line-height: 1.5rem;
  --mdui-typescale-body-large-size: 1rem;
  --mdui-typescale-body-large-tracking: 0.009375rem;
  --mdui-typescale-body-large-weight: 400;
  --mdui-typescale-body-medium-line-height: 1.25rem;
  --mdui-typescale-body-medium-size: 0.875rem;
  --mdui-typescale-body-medium-tracking: 0.015625rem;
  --mdui-typescale-body-medium-weight: 400;
  --mdui-typescale-body-small-line-height: 1rem;
  --mdui-typescale-body-small-size: 0.75rem;
  --mdui-typescale-body-small-tracking: 0.025rem;
  --mdui-typescale-body-small-weight: 400;

  /* State Layer Opacity */
  --mdui-state-layer-hover: 0.08;
  --mdui-state-layer-focus: 0.12;
  --mdui-state-layer-pressed: 0.12;
  --mdui-state-layer-dragged: 0.16;

  /* Elevation */
  --mdui-elevation-level0: none;
  --mdui-elevation-level1:
    0 0.5px 1.5px 0 rgba(var(--mdui-color-shadow), 19%),
    0 0 1px 0 rgba(var(--mdui-color-shadow), 3.9%);
  --mdui-elevation-level2:
    0 0.85px 3px 0 rgba(var(--mdui-color-shadow), 19%),
    0 0.25px 1px 0 rgba(var(--mdui-color-shadow), 3.9%);
  --mdui-elevation-level3:
    0 1.25px 5px 0 rgba(var(--mdui-color-shadow), 19%),
    0 0.3333px 1.5px 0 rgba(var(--mdui-color-shadow), 3.9%);
  --mdui-elevation-level4:
    0 1.85px 6.25px 0 rgba(var(--mdui-color-shadow), 19%),
    0 0.5px 1.75px 0 rgba(var(--mdui-color-shadow), 3.9%);
  --mdui-elevation-level5:
    0 2.75px 9px 0 rgba(var(--mdui-color-shadow), 19%),
    0 0.25px 3px 0 rgba(var(--mdui-color-shadow), 3.9%);

  /* Animation */
  --mdui-motion-easing-linear: cubic-bezier(0, 0, 1, 1);
  --mdui-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --mdui-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --mdui-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);
  --mdui-motion-easing-emphasized: var(--mdui-motion-easing-standard);
  --mdui-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
  --mdui-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
  --mdui-motion-duration-short1: 50ms;
  --mdui-motion-duration-short2: 100ms;
  --mdui-motion-duration-short3: 150ms;
  --mdui-motion-duration-short4: 200ms;
  --mdui-motion-duration-medium1: 250ms;
  --mdui-motion-duration-medium2: 300ms;
  --mdui-motion-duration-medium3: 350ms;
  --mdui-motion-duration-medium4: 400ms;
  --mdui-motion-duration-long1: 450ms;
  --mdui-motion-duration-long2: 500ms;
  --mdui-motion-duration-long3: 550ms;
  --mdui-motion-duration-long4: 600ms;
  --mdui-motion-duration-extra-long1: 700ms;
  --mdui-motion-duration-extra-long2: 800ms;
  --mdui-motion-duration-extra-long3: 900ms;
  --mdui-motion-duration-extra-long4: 1000ms;

  /* Breakpoint */
  --mdui-breakpoint-xs: 0px;
  --mdui-breakpoint-sm: 600px;
  --mdui-breakpoint-md: 840px;
  --mdui-breakpoint-lg: 1080px;
  --mdui-breakpoint-xl: 1440px;
  --mdui-breakpoint-xxl: 1920px;

  /* Custom Tokens */
  --mdui-color-success-light: 46, 125, 50; /* A pleasant, accessible green */
  --mdui-color-success-dark: 129, 199, 132;
  --mdui-color-success: var(--mdui-color-success-light);

  --mdui-color-success-container-light: 232, 245, 233; /* A very light green for backgrounds */
  --mdui-color-success-container-dark: 27, 58, 29;
  --mdui-color-success-container: var(--mdui-color-success-container-light);

  --mdui-color-on-success-light: 255, 255, 255;
  --mdui-color-on-success-dark: 0, 31, 2;
  --mdui-color-on-success: var(--mdui-color-on-success-light);

  --mdui-color-on-success-container-light: 6, 32, 8;
  --mdui-color-on-success-container-dark: 204, 233, 205;
  --mdui-color-on-success-container: var(--mdui-color-on-success-container-light);

  /* Custom Tokens for Warning */
  --mdui-color-warning-light: 255, 160, 0; /* A strong, visible amber/orange */
  --mdui-color-warning-dark: 255, 203, 71;
  --mdui-color-warning: var(--mdui-color-warning-light);

  --mdui-color-warning-container-light:
    255, 243, 222; /* A very light orange/cream for backgrounds */
  --mdui-color-warning-container-dark: 56, 38, 0;
  --mdui-color-warning-container: var(--mdui-color-warning-container-light);

  --mdui-color-on-warning-light: 0, 0, 0; /* Black/very dark color for text on light warning */
  --mdui-color-on-warning-dark: 0, 0, 0;
  --mdui-color-on-warning: var(--mdui-color-on-warning-light);

  --mdui-color-on-warning-container-light:
    30, 20, 0; /* Darker brown/black for text on light warning container */
  --mdui-color-on-warning-container-dark: 255, 230, 180;
  --mdui-color-on-warning-container: var(--mdui-color-on-warning-container-light);
}