/* Токены оформления «тёмное стекло». Меняем цвета только здесь. */
:root {
  --bg: #0b0d13;
  --surface: rgba(255, 255, 255, .06);
  --surface-strong: rgba(255, 255, 255, .09);
  --border: rgba(255, 255, 255, .12);
  --text: #e9ecf5;
  --muted: rgba(233, 236, 245, .6);

  --accent: linear-gradient(120deg, #a855f7, #ec4899 60%, #22d3ee);
  --accent-shadow: 0 6px 24px rgba(168, 85, 247, .45);
  --danger: #ff6b85;
  --warn: #ffcf6b;
  --ok: #67e8f9;

  --glow:
    radial-gradient(520px 300px at 8% -10%, rgba(124, 58, 237, .45), transparent 65%),
    radial-gradient(460px 280px at 92% 0%, rgba(219, 39, 119, .32), transparent 60%),
    radial-gradient(600px 340px at 60% 115%, rgba(34, 211, 238, .22), transparent 60%);

  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-pill: 999px;
  --gap: 12px;
}