/* ============================================================
   SMM-Платформа · Design Tokens v2
   Premium dark SaaS 2026 — Linear / Vercel / Stripe style
   Accent: indigo #7c5cff (единый, не миксовать с другими)
   ============================================================ */

:root {
  /* --- Фон / поверхности --- */
  --bg:           #0a0a0a;   /* глубокий чёрный — premium base */
  --surface:      #111111;   /* карточки / сайдбар */
  --surface-2:    #161616;   /* вложенные поверхности */
  --surface-3:    #1c1c1c;   /* hover / active states */
  --overlay:      rgba(0,0,0,.6);

  /* --- Текст --- */
  --text:           #f0f0f0;
  --text-secondary: #888888;
  --text-tertiary:  #555555;

  /* --- Accent — indigo electric (выбранный) --- */
  --accent:         #7c5cff;
  --accent-hover:   #9070ff;
  --accent-muted:   rgba(124,92,255,.15);
  --accent-border:  rgba(124,92,255,.3);

  /* --- Градиент для primary CTA и hero-blob --- */
  --gradient-primary: linear-gradient(135deg, #7c5cff 0%, #ec4899 100%);
  --gradient-accent:  linear-gradient(135deg, #7c5cff 0%, #5b8def 100%);

  /* --- Семантические цвета --- */
  --success:       #22c55e;
  --success-text:  #4ade80;
  --success-bg:    rgba(34,197,94,.1);
  --success-border:rgba(34,197,94,.25);

  --warning:       #f59e0b;
  --warning-text:  #fbbf24;
  --warning-bg:    rgba(245,158,11,.1);
  --warning-border:rgba(245,158,11,.25);

  --danger:          #ef4444;
  --danger-text:     #f87171;
  --danger-bg:       rgba(239,68,68,.1);
  --danger-bg-hover: rgba(239,68,68,.18);  /* D11: hover-состояние .btn--danger */
  --danger-border:   rgba(239,68,68,.25);

  --info-bg:     rgba(124,92,255,.1);
  --info-border: rgba(124,92,255,.25);
  --info-text:   #a78bfa;

  /* --- Границы --- */
  --border:        #1f1f1f;   /* тонкий 1px — видимый */
  --border-subtle: #181818;   /* почти невидимый разделитель */
  --border-focus:  var(--accent);
  --border-hover:  #2e2e2e;   /* D10: hover-граница; закрывает битый var() в .period-btn и хардкоды #333/#2a2a2a */
  --bg-card:       var(--surface-2); /* D10: закрывает битый var(--bg-card) в .period-btn */

  /* --- Spacing --- */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10:40px;
  --sp-12:48px;

  /* --- Типографика --- */
  --font-base: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Cascadia Code", "Fira Code", Menlo, Consolas, monospace;

  /* Шкала */
  --fs-xs:   11px;
  --fs-sm:   13px;
  --fs-base: 14px;
  --fs-md:   15px;
  --fs-lg:   18px;
  --fs-xl:   24px;
  --fs-2xl:  30px;
  --fs-3xl:  36px;  /* hero-числа */
  --fs-h1:   28px;

  --lh-base:    1.5;
  --lh-tight:   1.25;
  --lh-relaxed: 1.65;

  /* --- Радиусы --- */
  --r-xs:   3px;
  --r-sm:   6px;
  --r-md:   8px;
  --r-lg:  12px;
  --r-xl:  16px;
  --r-pill:9999px;

  /* --- Тени --- */
  --shadow-sm:  0 1px 2px rgba(0,0,0,.5), 0 0 0 1px var(--border);
  --shadow-md:  0 4px 12px rgba(0,0,0,.6), 0 0 0 1px var(--border);
  --shadow-lg:  0 8px 24px rgba(0,0,0,.7), 0 0 0 1px var(--border);
  --shadow-glow:0 0 20px rgba(124,92,255,.25);

  /* --- Transitions --- */
  --t-fast:  150ms ease-out;
  --t-base:  200ms ease-out;
  --t-slow:  350ms ease-out;

  /* --- Статусы согласования D13 (алиасы поверх семантики — светофор Metricool/Planable) --- */
  --status-draft:     var(--text-tertiary);   /* серый = не уйдёт в публикацию */
  --status-pending:   var(--warning);          /* янтарный */
  --status-approved:  var(--success);          /* зелёный */
  --status-rejected:  var(--danger);           /* красный */
  --status-scheduled: var(--accent);           /* индиго = уйдёт */

  /* --- Платформы D13 (десатурированы под #0a0a0a — правило Buffer dark) --- */
  --plat-tg: #3eb1e8;   /* TG, от #229ED9 */
  --plat-vk: #5a8de0;   /* VK, от #0077FF */
  --plat-ig: #e0569e;   /* IG, розовый для кромок/точек */
  --plat-ig-grad: linear-gradient(180deg, #a855f7, #ec4899); /* только для 3px border-left IG-карточек */

  /* --- Heatmap «лучшее время» D13 (слои индиго, паттерн Metricool) --- */
  --heat-1: rgba(124,92,255,.06);
  --heat-2: rgba(124,92,255,.12);
  --heat-3: rgba(124,92,255,.20);
  --heat-4: rgba(124,92,255,.30);

  /* --- Бренд AI-news D13 (из стайл-гайда каруселей; применять ТОЛЬКО внутри .theme-ai-news) --- */
  --orange:   #FF6A00;
  --orange-2: #FF8A33;
  --lime:     #BFFF2E;
  --blue:     #2D6BFF;

  /* --- Legacy aliases --- */
  --bg-primary:   var(--bg);
  --bg-secondary: var(--surface);
  --bg-hover:     var(--surface-3);
  --text-primary: var(--text);
  --text-muted:   var(--text-secondary);
  --border-subtle:var(--border-subtle);
  --green:  var(--success);
  --red:    var(--danger);
  --yellow: var(--warning);
}