/* public/css/theme.css — токены темы. Тёмная — основная (по умолчанию системная). */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* Тёмная тема — база */
  --bg: #0b0f17;
  --bg-elevated: #121826;
  --bg-elevated-2: #182131;
  --border: #232c3f;
  --text: #e8ebf2;
  --text-muted: #8b95a8;
  --text-faint: #566078;

  /* Aurora — фирменная пара, используется точечно: логотип, активные состояния,
     прогресс шагов. Никогда не заливаем ею весь интерфейс. */
  --aurora-1: #4fd1c5;
  --aurora-2: #9f7aea;
  --aurora-gradient: linear-gradient(90deg, var(--aurora-1), var(--aurora-2));

  /* Функциональные цвета — отдельно от aurora, чтобы не размывать акцент */
  --signal: #f5a623;
  --danger: #f2555a;
  --success: #4fd18c;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

  --shadow-card: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px -8px rgba(0,0,0,0.5);

  color-scheme: dark;
}

[data-theme="light"] {
  --bg: #f6f7fb;
  --bg-elevated: #ffffff;
  --bg-elevated-2: #eef0f7;
  --border: #dde1ec;
  --text: #171b26;
  --text-muted: #5b6478;
  --text-faint: #8891a3;

  --aurora-1: #14968a;
  --aurora-2: #7c4fd6;
  --aurora-gradient: linear-gradient(90deg, var(--aurora-1), var(--aurora-2));

  --shadow-card: 0 1px 2px rgba(20,30,50,0.06), 0 8px 24px -8px rgba(20,30,50,0.12);

  color-scheme: light;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}

body {
  background-image:
    radial-gradient(ellipse 900px 500px at 15% -10%, rgba(79,209,197,0.08), transparent),
    radial-gradient(ellipse 900px 500px at 90% 0%, rgba(159,122,234,0.08), transparent);
  background-attachment: fixed;
  min-height: 100vh;
}

a { color: inherit; }

.aurora-text {
  background: var(--aurora-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.aurora-line {
  height: 2px;
  border-radius: 2px;
  background: var(--aurora-gradient);
  background-size: 200% 100%;
  animation: aurora-shift 8s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .aurora-line { animation: none; }
}
@keyframes aurora-shift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.mono { font-family: var(--font-mono); }

::selection { background: rgba(79,209,197,0.3); }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-faint); }