/* M3 Expressive design tokens (dark baseline) */
:root {
      color-scheme: dark;
      --primary: #D0BCFF;
      --on-primary: #381E72;
      --primary-container: #4F378B;
      --on-primary-container: #EADDFF;
      --secondary: #CCC2DC;
      --on-secondary: #332D41;
      --secondary-container: #4A4458;
      --on-secondary-container: #E8DEF8;
      --tertiary: #EFB8C8;
      --on-tertiary: #492532;
      --tertiary-container: #633B48;
      --on-tertiary-container: #FFD8E4;
      --error: #F2B8B5;
      --on-error: #601410;
      --error-container: #8C1D18;
      --on-error-container: #F9DEDC;
      --surface: #141218;
      --on-surface: #E6E0E9;
      --surface-variant: #49454F;
      --on-surface-variant: #CAC4D0;
      --surface-dim: #141218;
      --surface-bright: #3B383E;
      --surface-container-lowest: #0F0D13;
      --surface-container-low: #1D1B20;
      --surface-container: #211F26;
      --surface-container-high: #2B2930;
      --surface-container-highest: #36343B;
      --outline: #938F99;
      --outline-variant: #49454F;
      --inverse-surface: #E6E0E9;
      --inverse-on-surface: #313033;
      --inverse-primary: #6750A4;
      --scrim: #000000;
      --state-hover: rgba(230, 224, 233, 0.08);
      --state-focus: rgba(230, 224, 233, 0.10);
      --state-pressed: rgba(230, 224, 233, 0.10);
      --corner-xs: 4px;
      --corner-s: 8px;
      --corner-m: 12px;
      --corner-l: 16px;
      --corner-l-plus: 20px;
      --corner-xl: 28px;
      --corner-xl-plus: 32px;
      --corner-xxl: 48px;
      --elev-1: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.30);
      --elev-2: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.30);
      --elev-3: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30);
      --elev-4: 0 6px 10px 4px rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.30);
      --fx-fast: 150ms cubic-bezier(0.31, 0.94, 0.34, 1.00);
      --fx-default: 200ms cubic-bezier(0.34, 0.80, 0.34, 1.00);
      --fx-slow: 300ms cubic-bezier(0.34, 0.88, 0.34, 1.00);
      --spatial-fast: 350ms cubic-bezier(0.42, 1.67, 0.21, 0.90);
      --spatial-default: 500ms cubic-bezier(0.38, 1.21, 0.22, 1.00);
      --emph-decel: cubic-bezier(0.05, 0.7, 0.1, 1);
      --emph-accel: cubic-bezier(0.3, 0, 0.8, 0.15);
    }