/* ============================================================
   НОЧЬ ЧЕРНИЛЬНЫХ КЛЯКС — Design Tokens v3.1
   ============================================================ */

:root {
  /* ---------- NIGHT / INK ---------- */
  --ink-950: #0A0518;
  --ink-900: #130A26;
  --ink-800: #1A0F2E;
  --ink-700: #241640;
  --ink-600: #2E1B4F;
  --ink-500: #3D2468;
  --ink-400: #55358A;

  /* ---------- AMBER / LAMP ---------- */
  --amber-100: #FFF3D6;
  --amber-200: #FFE7A8;
  --amber-300: #FFD27A;
  --amber-400: #FFB347;
  --amber-500: #FF9A2E;
  --amber-600: #FF8C1A;
  --amber-700: #E56A00;

  /* ---------- MAGIC / GOLD ---------- */
  --gold-300: #FFE7A8;
  --gold-500: #F5C97A;
  --gold-700: #C99A4A;

  /* ---------- MAGIC / BLUE ---------- */
  --magic-300: #A88CFF;
  --magic-500: #7C5CFF;
  --magic-700: #4A2FCC;

  /* ---------- TEXT ---------- */
  --text-primary:   #F5E6C8;
  --text-secondary: #B8A890;
  --text-muted:     #94876F;   /* было #7A6E5C — 3.66:1 на карточке; теперь 5.17:1 */
  --text-on-amber:  #1A0F2E;
  --accent-ink:     var(--amber-400);   /* акцент как ЦВЕТ ТЕКСТА на поверхностях */
  --focus-ring:     var(--amber-300);

  /* ---------- SEMANTIC ---------- */
  --color-success: #5FBF8F;
  --color-warning: #FFB347;
  --color-error:   #E86A6A;
  --color-info:    #A88CFF;
  --color-disabled:#3A3350;

  /* ---------- SURFACES ---------- */
  --bg-app:       var(--ink-900);
  --bg-surface:   var(--ink-800);
  --bg-elevated:  var(--ink-700);
  --bg-overlay:   rgba(10, 5, 24, 0.75);
  --border-subtle: rgba(255, 210, 122, 0.12);
  --border-strong: rgba(255, 210, 122, 0.28);

  /* ---------- SHADOW (только для блоков, не текста) ---------- */
  --glow-soft:   0 2px 12px rgba(0, 0, 0, 0.5);
  --glow-inner:  inset 0 0 32px rgba(255, 154, 46, 0.08);

  /* ---------- TYPOGRAPHY ---------- */
  --font-game:   'Pinzelan', 'Cinzel', Georgia, serif;
  --font-study:  'Inter', 'Nunito', system-ui, sans-serif;
  --font-study-kid: 'Fredoka', 'Nunito', system-ui, sans-serif;
  --font-accent: 'Space Grotesk', 'JetBrains Mono', monospace;

  --fs-display: clamp(2.2rem, 5vw, 3.5rem);
  --fs-h1: 2rem;
  --fs-h2: 1.5rem;
  --fs-h3: 1.25rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-caption: 0.75rem;

  --lh-game: 1.1;
  --lh-study: 1.6;

  /* ---------- SPACE ---------- */
  --space-8: 8px;  --space-16: 16px; --space-24: 24px;
  --space-32: 32px;--space-40: 40px; --space-48: 48px;
  --space-64: 64px;--space-80: 80px;

  /* ---------- RADIUS ---------- */
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px;
  --radius-xl: 24px; --radius-full: 9999px;

  /* ---------- MOTION ---------- */
  --dur-fast: 180ms; --dur-mid: 280ms; --dur-slow: 480ms;
  --ease-ui: ease-in-out;
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
}

/* ============================================================
   LIGHT THEME — «День в библиотеке»
   ============================================================ */
[data-theme="light"] {
  --bg-app:       #FBF4E4;
  --bg-surface:   #F5EAD1;
  --bg-elevated:  #FFFFFF;
  --bg-overlay:   rgba(60, 40, 20, 0.35);
  --border-subtle: rgba(120, 80, 30, 0.15);
  --border-strong: rgba(120, 80, 30, 0.3);

  --text-primary:   #2A1B3D;
  --text-secondary: #5A4A38;
  --text-muted:     #5A4A38;          /* в тёмной теме #7A6E5C был хорош, но на #FFFFFF — низкий контраст */
  --text-on-amber:  #2A1B3D;
  --accent-ink:     #A34A00;          /* акцент-текст на светлом: 4.97:1 на bg-surface, 5.94:1 на белом (amber-400/500 давали 1.8–2.8:1) */
  --focus-ring:     var(--magic-700);

  /* Семантика: базовая палитра рассчитана на тёмный фон.
     На светлом она давала 2.0–2.9:1 — берём тёмные варианты. */
  --color-success: #1B6B45;
  --color-error:   #B3261E;
  --color-warning: #8A5A00;
  --color-info:    var(--magic-700);
  --color-disabled:#C9BFAE;

  --glow-soft:   0 2px 8px rgba(120, 80, 30, 0.12);
  --glow-inner:  inset 0 0 24px rgba(255, 154, 46, 0.05);
}