:root {
  --color-bg: #040406;
  --color-surface: #0c0c11;
  --color-surface-raised: #16161d;
  --color-border: #23232c;
  --color-border-input: #8b8b99;
  --color-text: #f5f5f8;
  --color-text-muted: #9b9ba8;
  --color-accent: #6ee7c8;
  --color-on-accent: #04120e;
  --color-danger: #ff7b7b;
  --color-success: #5fd38a;
  --color-download: #5fd38a;
  --color-mood-a: #4f6bff;
  --color-mood-b: #e0467c;
  --color-mood-c: #1fb99b;
  --color-scrim: rgba(0,0,0,.55);
  --color-glow: rgba(110,231,200,.11);
  --color-glow-warm: rgba(224,70,124,.10);
  --color-glass: rgba(10,10,14,.72);
  --color-glass-raised: rgba(26,26,34,.78);
  --font-sans: Manrope, Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-xs: 12px;
  --leading-xs: 16px;
  --weight-xs: 500;
  --text-sm: 14px;
  --leading-sm: 20px;
  --weight-sm: 400;
  --text-base: 16px;
  --leading-base: 22px;
  --weight-base: 500;
  --text-lg: 20px;
  --leading-lg: 26px;
  --weight-lg: 700;
  --text-xl: 28px;
  --leading-xl: 34px;
  --weight-xl: 800;
  --text-display: 48px;
  --leading-display: 50px;
  --weight-display: 800;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(0,0,0,.5);
  --shadow-pop: 0 18px 48px rgba(0,0,0,.7);
  --shadow-glow: 0 0 0 1px rgba(255,255,255,.05), 0 10px 30px rgba(0,0,0,.5);
  --layout-page-padding: 16px;
  --layout-tab-bar-height: 56px;
  --layout-mini-player-height: 54px;
  --layout-track-row-height: 74px;
  --layout-cover-row: 52px;
  --layout-play-button-hero: 94px;
  --layout-play-button-large: 62px;
  --motion-fast: 120ms;
  --motion-base: 200ms;
  --motion-ease: cubic-bezier(.2,.8,.2,1);
}