/* MIRRIM · Единая дизайн-система · LIGHT THEME (Finto-стиль)
 * Источник правды для всех страниц mirrim.info.
 * Меняешь цвет здесь — меняется везде.
 *
 * v2.0 · 2026-05-08 · переход на light-palette по образцу Finto-dashboard.
 * Палитра — см. knowledge/ui_style_references.md → tag: fintech-elements
 *
 * Переменные сохраняют старые имена (--w80, --w60, ...) для backward-compat.
 * Их значения переинвертированы: было «белое на тёмном», стало «тёмное на светлом».
 */

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

/* ─────────────────────────────────────────────────────────────
   ТОКЕНЫ (Finto LIGHT)
   ───────────────────────────────────────────────────────────── */
:root {
  color-scheme: light;

  /* ─── Поверхности ─── */
  --bg:        #E0E3F5;        /* пастельный лавандовый — фон страницы */
  --sidebar:   #FFFFFF;        /* sidebar bg — сливается с канвасом */
  --card:      #FFFFFF;        /* основной канвас / карточки */
  --card2:     #F8F9FB;        /* второстепенные surface (subdued) */

  /* ─── Бренд / акценты Finto ─── */
  --accent:    #5D5CDE;        /* primary brand violet (бывший lime) */
  --accent2:   #4F46E5;        /* hover/pressed (deeper violet) */
  --accent-soft:#E5DFFF;       /* light fill под area-charts */
  --violet:    #7B3FE4;        /* secondary violet (existing) */
  --logo-dot:  #FFB94A;        /* акцент-точка (orange) */

  /* ─── Диалект B (Академия / квизы / market) ─── */
  --v900:      #1A1A2E;        /* для тёмного текста */
  --v800:      #2A2A40;
  --v700:      #4F46E5;
  --v600:      #5D5CDE;
  --v500:      #7B3FE4;
  --v400:      #9B6BFF;
  --lime:      #5D5CDE;        /* legacy alias → теперь = primary violet */
  --lime2:     #4F46E5;
  --lime-glow: rgba(93, 92, 222, 0.30);

  /* Уровни академии — без изменений (бренд) */
  --bronze:    #E8A87C;
  --silver:    #C0D0E0;
  --gold:      #FFD166;
  --plat:      #B89AFF;
  --diamond:   #7FFFFF;

  /* ─── Текст (всё инвертировано: тёмное на светлом) ─── */
  --white:     #1A1A2E;        /* primary text (бывший белый) */
  --w80:       rgba(26, 26, 46, 0.85);   /* heading / important */
  --w60:       rgba(26, 26, 46, 0.62);   /* body */
  --w55:       rgba(26, 26, 46, 0.55);   /* secondary */
  --w40:       rgba(123, 126, 148, 1);   /* muted */
  --w30:       rgba(163, 166, 189, 1);   /* disabled / placeholder */
  --w20:       rgba(26, 26, 46, 0.20);
  --w15:       rgba(26, 26, 46, 0.10);
  --w08:       rgba(26, 26, 46, 0.05);   /* subtle hover bg */
  --w04:       rgba(26, 26, 46, 0.025);  /* very subtle */

  /* ─── Бордеры ─── */
  --border:    rgba(93, 92, 222, 0.20);
  --border2:   rgba(26, 26, 46, 0.08);
  --border-card:#EEEFF5;       /* edge of cards */

  /* ─── Status / KPI ring colors (Finto) ─── */
  --kpi-violet:#5D5CDE;
  --kpi-yellow:#FFB94A;
  --kpi-coral: #FF6B6B;
  --kpi-cyan:  #4FB8FF;
  --kpi-track: #EEEFF5;        /* пустая часть ring */

  --status-ok:    #27C26F;
  --status-warn:  #FFB94A;
  --status-error: #FF4D4F;
  --status-info:  #4FB8FF;

  /* ─── Тени (мягкие, для светлого фона) ─── */
  --shadow-card:  0 1px 3px rgba(20, 20, 60, 0.04), 0 4px 16px rgba(20, 20, 60, 0.04);
  --shadow-hover: 0 4px 24px rgba(93, 92, 222, 0.10);
  --shadow-tooltip:0 4px 12px rgba(93, 92, 222, 0.30);

  /* ─── Размеры ─── */
  --sidebar-w: 240px;
  --nav-h:     52px;
  --radius:    16px;
  --radius-lg: 20px;
  --radius-sm: 10px;

  --mono:      'JetBrains Mono', 'SF Mono', Consolas, monospace;
}

/* ─────────────────────────────────────────────────────────────
   RESET
   ───────────────────────────────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  background: var(--bg);
  color-scheme: light;
  scroll-behavior: smooth;
}

body {
  font-family: 'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--bg);
  color: var(--white);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  overflow-x: hidden;
  max-width: 100vw;
}

/* ─────────────────────────────────────────────────────────────
   БАЗОВЫЕ ЭЛЕМЕНТЫ
   ───────────────────────────────────────────────────────────── */
a { color: inherit; text-decoration: none; }

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  color: inherit;
}

input, textarea, select {
  font-family: inherit;
  color: inherit;
}

::selection {
  background: var(--accent);
  color: #FFFFFF;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: rgba(26,26,46,.15); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: rgba(26,26,46,.25); }

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

@keyframes mirrim-pulse {
  0%, 100% { box-shadow: 0 0 6px rgba(93, 92, 222, 0.3); }
  50%      { box-shadow: 0 0 16px rgba(93, 92, 222, 0.7); }
}