/* Дизайн-токены «Вектора». Референс — plavno.ru: фиолетово-чёрный фон, акцент #8B5EFF,
   лавандовые курсивные акценты, кнопки-«таблетки», градиентные карточки. */
:root {
  --bg: #0D071A;
  --surface: #150F20;
  --surface-2: #1E1630;
  --surface-3: #281E3D;
  --border: rgba(189, 173, 206, .14);
  --border-strong: rgba(189, 173, 206, .28);
  --text: #F4EFFB;
  --text-2: #BDADCE;
  --text-3: #947DA6;
  --accent: #8B5EFF;
  --accent-hover: #9C75FF;
  --accent-soft: rgba(139, 94, 255, .16);
  --accent-deep: #3A0972;
  --lavender: #BDADCE;
  --good: #3DD68C;
  --ok: #F5B74A;
  --bad: #FF6B6B;
  --on-accent: #FFFFFF;
  --gradient-card: radial-gradient(120% 120% at 0% 0%, #6B3FD6 0%, #3A0972 45%, #150F20 100%);
  --shadow-hover: 0 20px 60px -20px rgba(139, 94, 255, .45);
  --shadow-pop: 0 24px 64px -16px rgba(0, 0, 0, .6);
  --scrim: rgba(8, 4, 16, .7);

  --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  --r-pill: 50px;
  --r-xl: 24px;
  --r-lg: 16px;
  --r-md: 12px;
  --r-sm: 8px;

  --ease: cubic-bezier(.2, .8, .2, 1);
  --t-fast: 150ms;
  --t-base: 250ms;

  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg: #F7F4FC;
  --surface: #FFFFFF;
  --surface-2: #EFE9F8;
  --surface-3: #E4DBF2;
  --border: rgba(58, 9, 114, .12);
  --border-strong: rgba(58, 9, 114, .24);
  --text: #1F0A3D;
  --text-2: #5B4A73;
  --text-3: #7D6A94;
  --accent: #7A4DF0;
  --accent-hover: #6A3DE0;
  --accent-soft: rgba(122, 77, 240, .12);
  --lavender: #9A79BE;
  --good: #12915A;
  --ok: #B7790F;
  --bad: #D93A3A;
  --shadow-hover: 0 20px 50px -24px rgba(58, 9, 114, .35);
  --shadow-pop: 0 24px 64px -16px rgba(31, 10, 61, .25);
  --scrim: rgba(31, 10, 61, .35);
  color-scheme: light;
}

@media (prefers-color-scheme: light) {
  :root[data-theme="system"] {
    --bg: #F7F4FC;
    --surface: #FFFFFF;
    --surface-2: #EFE9F8;
    --surface-3: #E4DBF2;
    --border: rgba(58, 9, 114, .12);
    --border-strong: rgba(58, 9, 114, .24);
    --text: #1F0A3D;
    --text-2: #5B4A73;
    --text-3: #7D6A94;
    --accent: #7A4DF0;
    --accent-hover: #6A3DE0;
    --accent-soft: rgba(122, 77, 240, .12);
    --lavender: #9A79BE;
    --good: #12915A;
    --ok: #B7790F;
    --bad: #D93A3A;
    --shadow-hover: 0 20px 50px -24px rgba(58, 9, 114, .35);
    --shadow-pop: 0 24px 64px -16px rgba(31, 10, 61, .25);
    --scrim: rgba(31, 10, 61, .35);
    color-scheme: light;
  }
}