:root {
  /* Material 3 Light scheme */
  --md-primary: #6750A4;
  --md-on-primary: #FFFFFF;
  --md-primary-container: #EADDFF;
  --md-on-primary-container: #21005D;
  --md-secondary: #625B71;
  --md-on-secondary: #FFFFFF;
  --md-secondary-container: #E8DEF8;
  --md-on-secondary-container: #1D192B;
  --md-tertiary: #7D5260;
  --md-on-tertiary: #FFFFFF;
  --md-tertiary-container: #FFD8E4;
  --md-on-tertiary-container: #31111D;
  --md-error: #B3261E;
  --md-on-error: #FFFFFF;
  --md-error-container: #F9DEDC;
  --md-on-error-container: #410E0B;
  --md-background: #FFFBFE;
  --md-on-background: #1C1B1F;
  --md-surface: #FFFBFE;
  --md-on-surface: #1C1B1F;
  --md-surface-variant: #E7E0EC;
  --md-on-surface-variant: #49454F;
  --md-outline: #79747E;
  --md-outline-variant: #CAC4D0;
  --md-shadow: #0000001A;

  /* Shape tokens */
  --md-radius-none: 0;
  --md-radius-sm: 4px;
  --md-radius-md: 8px;
  --md-radius-lg: 16px;
  --md-radius-xl: 28px;
  --md-radius-full: 9999px;

  /* Elevation */
  --md-elevation-1: 0 1px 3px var(--md-shadow);
  --md-elevation-2: 0 2px 6px var(--md-shadow);
  --md-elevation-3: 0 4px 12px var(--md-shadow);

  /* Typography */
  --md-font-body: 'Noto Sans SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif;
  --md-font-display: 'Noto Serif SC', 'SimSun', serif;
  --md-body-large: 16px/1.5 var(--md-font-body);
  --md-body-medium: 14px/1.5 var(--md-font-body);
  --md-body-small: 12px/1.5 var(--md-font-body);
  --md-title-large: 22px/1.4 var(--md-font-body);
  --md-title-medium: 16px/1.4 var(--md-font-body);
  --md-title-small: 14px/1.4 var(--md-font-body);
  --md-headline-large: 32px/1.3 var(--md-font-display);
  --md-headline-medium: 28px/1.3 var(--md-font-display);
  --md-headline-small: 24px/1.3 var(--md-font-display);

  /* Spacing */
  --md-space-xs: 4px;
  --md-space-sm: 8px;
  --md-space-md: 16px;
  --md-space-lg: 24px;
  --md-space-xl: 32px;
  --md-space-xxl: 48px;

  /* Transitions */
  --md-duration: 200ms;
  --md-easing: cubic-bezier(0.2, 0, 0, 1);
}

/* Dark scheme */
[data-theme="dark"] {
  --md-primary: #D0BCFF;
  --md-on-primary: #381E72;
  --md-primary-container: #4F378B;
  --md-on-primary-container: #EADDFF;
  --md-secondary: #CCC2DC;
  --md-on-secondary: #332D41;
  --md-secondary-container: #4A4458;
  --md-on-secondary-container: #E8DEF8;
  --md-tertiary: #EFB8C8;
  --md-on-tertiary: #492532;
  --md-tertiary-container: #633B48;
  --md-on-tertiary-container: #FFD8E4;
  --md-error: #F2B8B5;
  --md-on-error: #601410;
  --md-error-container: #8C1D18;
  --md-on-error-container: #F9DEDC;
  --md-background: #1C1B1F;
  --md-on-background: #E6E1E5;
  --md-surface: #1C1B1F;
  --md-on-surface: #E6E1E5;
  --md-surface-variant: #49454F;
  --md-on-surface-variant: #CAC4D0;
  --md-outline: #938F99;
  --md-outline-variant: #49454F;
  --md-shadow: #00000052;
}