/* ============================================================
   CENTURO — ОБЩАЯ ДИЗАЙН-СИСТЕМА (единый источник для всего проекта)
   Грузится и кабинетом, и ассистентом. Меняем здесь — меняется везде.
   • Темы (6): :root (blue по умолчанию) + html[data-theme="..."]
       — добавить тему = блок здесь + кружок .sw в меню
   • Токены: тени --shadow-* · радиусы --r-* · шрифты --fs-* · переходы --t
   • Кнопки: .btn + .btn--primary | .btn--ghost | .btn--quiet (hover/press едины)
   ============================================================ */
:root{
  --bg:#F5F7FB; --text:#1A2230; --muted:#6B7686; --accent:#2563EB; --accent-dark:#1D4ED8;
  --user-bg:#DCEAFE; --user-text:#334155; --border:#E1E7F0; --card:#FFFFFF;
  --side-bg:var(--bg); --side-field-bg:var(--bg);   /* в светлых темах сайдбар и поле поиска = фон диалога (один тон); dark/retro переопределяют ниже */
  --code-bg:#1E293B; --code-text:#E8EEF6;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; --on-accent:#fff;

  --shadow-sm:0 2px 12px rgba(0,0,0,.05);   /* микро-тень (плашки, меню) */
  --shadow-md:0 8px 24px rgba(0,0,0,.12);
  --shadow-lg:0 16px 44px rgba(0,0,0,.16);  /* герой-карточки */
  --r-sm:8px; --r-md:11px; --r-lg:16px;
  --fs-xs:11.5px; --fs-sm:13px; --fs-md:14px; --fs-lg:16px; --fs-xl:20px; --fs-2xl:22px;
  --t:.15s; --t-fast:.12s;
}
html[data-theme="graphite"]{ --bg:#F3F1EB; --text:#2B2823; --muted:#8A857B; --accent:#C2603F; --accent-dark:#A44E31; --user-bg:#E9E5DB; --user-text:#3B372E; --border:#E4DFD5; --card:#FCFBF7; }  /* тёплый серый в палитре Claude */
html[data-theme="forest"]{ --bg:#F4F8F4; --text:#172019; --muted:#647067; --accent:#15803D; --accent-dark:#106331; --user-bg:#D7EEDD; --user-text:#27402F; --border:#DCE7DE; --card:#FFFFFF; }
html[data-theme="dark"]{ --bg:#0E1217; --text:#E6EAF0; --muted:#8B95A5; --accent:#3B82F6; --accent-dark:#2563EB; --user-bg:#1E2A3D; --user-text:#C7D6EE; --border:#272E39; --card:#171C23; --code-bg:#0A0E13; --code-text:#E6EAF0; --side-bg:var(--card); --side-field-bg:var(--bg); }
html[data-theme="retro"]{ --bg:#06120A; --text:#36D96A; --muted:#2A9D52; --accent:#54F084; --accent-dark:#2EE66B; --user-bg:#0F2A18; --user-text:#74E69A; --border:#1C3A24; --card:#0C1A10; --code-bg:#03140A; --code-text:#62E08A; --on-accent:#04210C; --font:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace; --side-bg:var(--card); --side-field-bg:var(--bg); }
html[data-theme="retro"] body{text-shadow:0 0 1px rgba(91,255,143,.35)}

/* ===== кнопки: база + варианты (hover/press едины во всём проекте) ===== */
.btn{font-family:inherit;font-weight:600;font-size:var(--fs-md);cursor:pointer;border:1px solid transparent;
  border-radius:var(--r-md);padding:12px 14px;transition:background var(--t),border-color var(--t),color var(--t),transform var(--t-fast)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.6;cursor:default;transform:none}
.btn--primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.btn--primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
.btn--ghost{background:transparent;color:var(--text);border-color:var(--border)}
.btn--ghost:hover{background:var(--user-bg);border-color:var(--user-bg)}   /* мягкая заливка — текст читаем */
.btn--quiet{background:transparent;color:var(--muted);border:none;font-weight:500}
.btn--quiet:hover{background:var(--user-bg);color:var(--text)}