/* ============================================================
   Base — variables, typography, resets
   ============================================================ */

:root {
    --bg-0: #f5f7fb;             /* мягкий холодный фон страницы */
    --bg-1: #ffffff;             /* поверхность карточек */
    --bg-2: #eef1f7;             /* вторичная поверхность / hover */
    --surface: #ffffff;
    --surface-soft: #f8fafc;
    --line: rgba(15,23,42,0.07);
    --text: #0f172a;             /* основной — slate-900 */
    --text-dim: #475569;         /* slate-600 */
    --text-mute: #8b95a8;        /* slate-400-ish */
    --accent: #0d9488;           /* teal-600 — приглушённая бирюза */
    --accent-2: #6366f1;         /* indigo-500 */
    --accent-3: #db2777;         /* pink-600 */
    --danger: #e11d48;
    --ok: #059669;
    --card-bg: linear-gradient(160deg, #ffffff, #fafbfd);
    --card-border: rgba(15,23,42,0.08);
    --glow: 0 12px 40px rgba(13,148,136,0.16);
  }
  * { box-sizing: border-box; }
  html, body {
    height: 100%;
    margin: 0;
    background: var(--bg-0);
    color: var(--text);
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
  }
  button { font-family: inherit; }