/* ── Цветовая схема (spec раздел 1) ─────────────────────────── */
:root {
  --primary:        #7C3AED;
  --primary-dark:   #6D28D9;
  --primary-light:  #A78BFA;
  --primary-10:     rgba(124,58,237,.10);
  --primary-20:     rgba(124,58,237,.20);
  --accent:         #EC4899;
  --success:        #10B981;
  --danger:         #EF4444;
  --warning:        #F59E0B;
  --info:           #3B82F6;

  /* Light mode */
  --bg-base:        #F8FAFC;
  --bg-surface:     #FFFFFF;
  --bg-card:        #FFFFFF;
  --sidebar-bg:     #FFFFFF;
  --header-bg:      #FFFFFF;
  --text-primary:   #0F172A;
  --text-secondary: #64748B;
  --text-muted:     #94A3B8;
  --border-color:   #E2E8F0;
  --shadow-sm:      0 1px 2px rgba(0,0,0,.06);
  --shadow:         0 1px 4px rgba(0,0,0,.10);
  --shadow-md:      0 4px 12px rgba(0,0,0,.10);
  --shadow-lg:      0 8px 24px rgba(0,0,0,.12);

  --sidebar-width:  220px;
  --header-height:  56px;
  --radius-sm:      4px;
  --radius:         8px;
  --radius-lg:      12px;
  --transition:     0.18s ease;
  --font-sans:      'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

[data-theme="dark"] {
  --bg-base:        #0F172A;
  --bg-surface:     #1E293B;
  --bg-card:        #1E293B;
  --sidebar-bg:     #1A2236;
  --header-bg:      #1E293B;
  --text-primary:   #F1F5F9;
  --text-secondary: #CBD5E1;
  --text-muted:     #64748B;
  --border-color:   #334155;
  --shadow-sm:      0 1px 2px rgba(0,0,0,.3);
  --shadow:         0 1px 4px rgba(0,0,0,.4);
  --shadow-md:      0 4px 12px rgba(0,0,0,.5);
  --shadow-lg:      0 8px 24px rgba(0,0,0,.6);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  font-family: var(--font-sans);
  background: var(--bg-base);
  color: var(--text-primary);
  font-size: 15px;
  line-height: 1.5;
}

a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 3px; }