/* Spotify theme — source: themes/src/spotify.DESIGN.md (VoltAgent/awesome-design-md design-md/spotify/DESIGN.md).
   Mapped: dark surface ladder #121212/#181818/#1f1f1f, Spotify Green accent with #000 icon, semantic red, card radius 8px, pill buttons 500px, title 700, card shadow (Level 2).
   Fonts: SpotifyMixUI/Circular -> Figtree (closest free geometric Circular-style sans); Noto Sans KR after it for Hangul.
   Inferred: --success = Spotify Green #1ed760 (doc has no success token and forbids extra brand colors).
   Dark only: the doc treats dark immersion as core. --radius = cards/containers, --radius-sm = buttons/inputs/chips. */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;600;700&family=Noto+Sans+KR:wght@400;600;700&display=swap');

:root {
  color-scheme: dark;

  --bg: #121212;          /* Near Black — Level 0 */
  --surface: #181818;     /* Dark Surface — cards, containers */
  --surface-2: #1f1f1f;   /* Mid Dark — buttons, inputs, interactive surfaces */
  --fg: #ffffff;          /* White — --text-base */
  --muted: #b3b3b3;       /* Silver — secondary text, inactive nav */
  --border: #4d4d4d;      /* Border Gray */
  --accent: #1ed760;      /* Spotify Green */
  --accent-fg: #000000;   /* black icon on green (doc's play-button spec) */
  --danger: #f3727f;      /* Negative Red — --text-negative */
  --success: #1ed760;     /* inferred: Spotify Green */

  --radius: 8px;          /* cards/dialogs (Comfortable 8px) */
  --radius-sm: 500px;     /* Pill — primary buttons, search input */

  --font: 'Figtree', 'Noto Sans KR', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans', system-ui, sans-serif;
  --font-display: 'Figtree', 'Noto Sans KR', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans', sans-serif;
  --font-num: 'Figtree', 'Noto Sans KR', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --weight-display: 700;              /* Section Title, SpotifyMixUITitle */
  --display-transform: none;          /* titles are sentence case (only button labels go uppercase) */
  --display-tracking: normal;         /* Section Title letter-spacing */

  --shadow: rgba(0, 0, 0, 0.3) 0px 8px 8px;  /* Medium — cards (Level 2) */
}