/* ============================================================
   Material Design 3 — Design Tokens (Dark Theme)
   ============================================================ */
:root {
  color-scheme: dark;

  /* ── Primary ────────────────────────────────────────────── */
  --md-primary:            #D0BCFF;
  --md-on-primary:         #381E72;
  --md-primary-container:  #4F378B;
  --md-on-primary-container: #EADDFF;

  /* ── Secondary ──────────────────────────────────────────── */
  --md-secondary:          #CCC2DC;
  --md-on-secondary:       #332D41;
  --md-secondary-container:#4A4458;
  --md-on-secondary-container:#E8DEF8;

  /* ── Tertiary ───────────────────────────────────────────── */
  --md-tertiary:           #EFB8C8;
  --md-on-tertiary:        #492532;
  --md-tertiary-container: #633B48;
  --md-on-tertiary-container:#FFD8E4;

  /* ── Error ──────────────────────────────────────────────── */
  --md-error:              #F2B8B8;
  --md-on-error:           #601410;
  --md-error-container:    #8C1D18;
  --md-on-error-container: #F9DEDC;

  /* ── Surface / Background ───────────────────────────────── */
  --md-background:         #141218;
  --md-on-background:      #E6E0E9;
  --md-surface:            #141218;
  --md-on-surface:         #E6E0E9;
  --md-surface-lowest:     #0F0D13;
  --md-surface-low:        #1D1B20;
  --md-surface-container:  #211F26;
  --md-surface-high:       #2B2930;
  --md-surface-highest:    #36343B;
  --md-surface-variant:    #49454F;
  --md-on-surface-variant: #CAC4D0;

  /* ── Outline ────────────────────────────────────────────── */
  --md-outline:            #938F99;
  --md-outline-variant:    #49454F;

  /* ── Inverse ────────────────────────────────────────────── */
  --md-inverse-surface:    #E6E0E9;
  --md-inverse-on-surface: #322F35;
  --md-inverse-primary:    #6750A4;

  /* ── Shadow / Scrim ─────────────────────────────────────── */
  --md-shadow:  #000;
  --md-scrim:   #000;

  /* ── Shape ──────────────────────────────────────────────── */
  --shape-xs:   4px;
  --shape-sm:   8px;
  --shape-md:   12px;
  --shape-lg:   16px;
  --shape-xl:   28px;
  --shape-full: 9999px;

  /* ── Motion ─────────────────────────────────────────────── */
  --ease-standard:   cubic-bezier(0.2, 0, 0, 1);
  --ease-decelerate: cubic-bezier(0, 0, 0, 1);
  --ease-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --dur-short1: 50ms;   --dur-short2: 100ms;
  --dur-short3: 150ms;  --dur-short4: 200ms;
  --dur-med1:   250ms;  --dur-med2:   300ms;
  --dur-med3:   350ms;  --dur-med4:   400ms;
  --dur-long1:  450ms;  --dur-long2:  500ms;

  /* ── Elevation (tint overlay opacity on primary) ────────── */
  --elev1-tint:  0.05;  /* dp1  */
  --elev2-tint:  0.08;  /* dp3  */
  --elev3-tint:  0.11;  /* dp6  */
  --elev4-tint:  0.12;  /* dp8  */
  --elev5-tint:  0.14;  /* dp12 */
}