/* tokens.css — дизайн-система Поюши, вариант A «тёмная премиум-оболочка».
   Единственный источник цвета/радиусов/теней. Менять тему = менять здесь. */

:root {
  /* фон-градиент (ночное небо, но читается как «премиум музыка», не «сон») */
  --bg0: #1a1340;
  --bg1: #241a52;
  --bg2: #0f0b2b;

  /* поверхности */
  --card: rgba(255, 255, 255, 0.07);
  --card-2: rgba(255, 255, 255, 0.05);
  --card-br: rgba(255, 255, 255, 0.12);

  /* текст */
  --ink: #f4f1ff;
  --muted: #b3a9e0;

  /* акценты */
  --accent: #ffd479;      /* тёплое золото — валюта, CTA */
  --accent-d: #ffb84d;
  --accent2: #a78bfa;     /* лиловый — второстепенные действия, ссылки */
  --accent2-d: #7c5fe0;
  --good: #7ee0c0;
  --ink-on-accent: #3a2410;

  /* геометрия */
  --r-lg: 26px;
  --r-md: 20px;
  --r-sm: 14px;
  --r-pill: 30px;

  --maxw: 430px;
  --pad: 18px;
  --tabbar-h: 84px;

  /* тени */
  --sh-accent: 0 10px 26px -8px rgba(255, 184, 77, 0.6);
  --sh-card: 0 6px 18px -7px rgba(0, 0, 0, 0.4);

  /* обложки песен (градиенты) */
  --c1: linear-gradient(135deg, #a78bfa, #7c5fe0);
  --c2: linear-gradient(135deg, #ffb4c8, #ff8fab);
  --c3: linear-gradient(135deg, #7ee0c0, #4fc3a1);
}