/* ============================================================
 * LifeOS Design System · tokens.css · v4.0.0 (Verdant)
 * ------------------------------------------------------------
 * Fonte ÚNICA de verdade pra cores, tipo, espaço, raio, motion.
 * Tema: dark-only.
 * Mudou algo aqui → mudou em todo o sistema.
 * ============================================================ */

:root{
  /* ---------- brand ramp (verde Verdant) ---------- */
  --g50:#edf7f0;
  --g100:#cdeada;
  --g200:#a3d9bb;
  --g300:#6fc296;
  --g400:#3da46e;
  --g500:#198754;
  --g600:#0f6b41;
  --g700:#0a5132;
  --g800:#073a25;
  --g900:#04261a;

  /* accent */
  --amber:#d98a0b;

  /* ---------- type scale (modular ~1.2) ---------- */
  --t-xs:11px;
  --t-sm:13px;
  --t-base:14px;
  --t-md:16px;
  --t-lg:20px;
  --t-xl:26px;
  --t-2xl:34px;
  --t-3xl:46px;

  /* ---------- spacing (4pt) ---------- */
  --s1:4px;
  --s2:8px;
  --s3:12px;
  --s4:16px;
  --s5:20px;
  --s6:24px;
  --s7:32px;
  --s8:48px;
  --s9:64px;
  --s10:96px;

  /* ---------- radius ---------- */
  --r-xs:4px;
  --r-sm:6px;
  --r-md:10px;
  --r-lg:16px;
  --r-full:999px;

  /* ---------- motion ---------- */
  --ease:cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --spring:cubic-bezier(.34,1.4,.5,1);
  /* perf (v3.14.5): durações apertadas — sistema parecia "travando" com
     .12/.22/.40. Transições continuam visíveis, só mais ágeis. */
  --d1:.08s;   /* micro: hover, cor */
  --d2:.15s;   /* padrão: abrir/fechar */
  --d3:.26s;   /* entrada de conteúdo */
}

/* ---------- tema dark (único) ---------- */
:root,
[data-theme="dark"]{
  --bg:#0c100e;
  --panel:#121714;
  --panel-2:#171e1a;
  --panel-3:#1e2722;
  --line:#1f2823;
  --line-2:#2c3830;
  --tx:#e9efe9;
  --tx2:#9fae9f;
  --tx3:#677469;
  --tx4:#414c44;
  --brand:var(--g300);
  --brand-2:var(--g400);
  --on-brand:#04150c;
  --code:#0a0e0b;
  --ring:rgba(111,194,150,.35);
  --crit:#f87171;
  --warn:#fbbf24;
  --good:#6fc296;
  --info:#7dd3fc;
  /* branding de pessoa — ÚNICAS exceções autorizadas fora da paleta Verdant
     (identificação de pessoa, não UI/ação). Antes em base.css §1. */
  --pat:#60a5fa; --pat-deep:#3b82f6;   /* Patrick — azul */
  --pam:#f472b6; --pam-deep:#ec4899;   /* Pamella — rosa */
  /* tipografia (fonte canônica — antes só nos aliases do base.css §1) */
  --ff:'Inter', system-ui, sans-serif;
  --ff-mono:'Inter', system-ui, sans-serif;
  --ff-serif:'Inter', system-ui, sans-serif;
  --sh:0 12px 32px -12px rgba(0,0,0,.6);
  --tint:rgba(111,194,150,.08);
  --atm-1:rgba(15,138,77,.16);
  --atm-2:rgba(61,164,110,.10);
  --glow:0 0 0 1px color-mix(in srgb,var(--brand) 20%,transparent),0 12px 36px -10px color-mix(in srgb,var(--brand) 40%,transparent);
}