/* tokens.css — Zanaves account, teal design tokens.
   Палитра из site_zanaves (--acc #2dd4c4) уложена в структуру токенов cabinet/,
   чтобы переиспользовать словарь компонентов app.css без переписывания. */
:root{
  /* Background ramp (near-black teal-navy) */
  --bg-900:#020c10; --bg-800:#04141a; --bg-700:#06191f;
  --surface-1:#07191f; --surface-2:#0b2129; --surface-3:#0f2b34;
  --glass:rgba(170,240,235,.045); --glass-strong:rgba(170,240,235,.08);
  /* Accent — landing teal (#2dd4c4), so the account matches zanaves.net.
     --on-acc = dark ink for text ON the accent button. */
  --accent:#2dd4c4; --accent-bright:#5fe6d9; --accent-deep:#16b3a6;
  --accent-glow:rgba(45,212,196,.32); --on-acc:#03110f;
  /* Text */
  --text-1:#eafbf8; --text-2:#bfe6e0; --text-3:#86a8a6; --text-disabled:#4a6a68;
  /* Borders (teal-alpha hairlines) */
  --border:rgba(45,212,196,.14); --border-2:rgba(45,212,196,.24); --border-3:rgba(45,212,196,.36);
  /* Semantic (states) */
  --connected:#3ddc97; --warning:#e2b23c; --danger:#e2625c;
  /* Radii */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-pill:999px;
  /* Fonts */
  --font-display:"Manrope","Segoe UI",system-ui,sans-serif;
  --font-body:"Manrope","Segoe UI",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;

  /* Telegram theme hooks (fall back to brand ramp in a normal browser). */
  --tg-bg:var(--bg-800);
  --tg-surface:var(--surface-1);
  --tg-text:var(--text-1);
  --tg-hint:var(--text-2);
}

*{box-sizing:border-box}
html{ -webkit-text-size-adjust:100%; }

body{
  margin:0;
  font-family:var(--font-body);
  color:var(--text-1);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(900px 600px at 85% -5%, rgba(45,212,196,.12), transparent 60%),
    radial-gradient(700px 500px at -5% 20%, rgba(45,212,196,.06), transparent 55%),
    var(--tg-bg);
  background-attachment:fixed;
  min-height:100vh;
}

.mono{font-family:var(--font-mono)}
.cap{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.muted{color:var(--text-2)}
.dim{color:var(--text-3)}
h1{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:-.01em;margin:0}
h2{font-family:var(--font-display);font-weight:700;font-size:18px;margin:0 0 8px}