/* =====================================================================
   FRONTAL: tokens visuais (fonte e cores por tema)
   Fonte única de cores e da fonte Figtree. Usado pelo sistema (shell.php) e pelas telas públicas (login, cadastro...).
   - Temas: [data-tema="light"] e [data-tema="dark"] no <html>.
   - ATENÇÃO: no sistema este arquivo precisa carregar DEPOIS de painel.css (que ainda tem um :root antigo com as mesmas variáveis).
   ===================================================================== */

/* ---------- Fonte: Figtree (Google Fonts, licença OFL), hospedada no próprio servidor ---------- */
/* Arquivos em /assets/fonts/ (versionados no Git; licença em OFL-Figtree.txt). Variável: pesos 300 a 900. */
@font-face{
  font-family:'Figtree';
  src:url('/assets/fonts/figtree-latin-ext-wght-normal.woff2') format('woff2');
  font-weight:300 900;
  font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Figtree';
  src:url('/assets/fonts/figtree-latin-wght-normal.woff2') format('woff2');
  font-weight:300 900;
  font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{--font:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif}

/* ---------- Tokens ---------- */
/* Linguagem "Modelo H": grafite neutro, cartões compactos de cantos médios, linhas finas, ícones sólidos. A cor da marca (verde) continua a mesma. */
:root{--r-card:16px;--r-ctl:10px;--r-tag:8px}
[data-tema="light"]{
  color-scheme:light;
  --outer:#E3E6EB; --app:#F4F5F7; --card:#FFFFFF; --border:#E3E6EB; --rule:#EBEDF1;
  --field:#F6F7F9; --text:#14181F; --muted:#5A6371; --tile:#EFF1F4;
  --pill:#14181F; --pill-ink:#FFFFFF;
  --accent:#63D44D; --accent-ink:#0F1F0B; --accent-text:#23751A;
  --chart-line:#D3D8E0; --tip:#14181F; --tip-ink:#FFFFFF;
  --shadow:0 1px 2px rgba(16,24,40,0.05),0 6px 16px rgba(16,24,40,0.04);
  --green-bg:#E4F6E0; --green-fg:#1F6B16; --amber-bg:#FDF1D6; --amber-fg:#8A5A00;
  --blue-bg:#E3EEFF;  --blue-fg:#1F4FA8;  --vio-bg:#EDE7FF;   --vio-fg:#5233B0;
  --teal-bg:#DDF3F1;  --teal-fg:#0F6B63;  --red-bg:#FDE7E5;   --red-fg:#B42318;
  --gray-bg:#EEF1F5;  --gray-fg:#4A5463;
  --track:#E9ECF1; --b-gray:#8A94A3; --b-amber:#E8A317; --b-blue:#4C8DF6; --b-green:#4BC236;
  --ring:#B8C0CC; --hover:rgba(20,24,31,0.05);
  --s-green:#2E9E44; --s-blue:#2F6FED; --s-vio:#6D4AE0; --s-amber:#D97A00; --s-teal:#0E9F8E; --s-red:#D92D20;
  /* extras (seleção do gráfico e card promocional) */
  --sel:linear-gradient(180deg,#F6F7F9,#E8EBF0);
  --promo:linear-gradient(135deg,#E6EAF0,#D5DBE5); --promo-text:#14181F; --promo-muted:#3F485A; --dotp:rgba(20,24,31,0.30);
}
[data-tema="dark"],:root:not([data-tema]){
  color-scheme:dark;
  --outer:#0A0B0D; --app:#101114; --card:#16181C; --border:#262930; --rule:#202329;
  --field:#121418; --text:#EDEEF1; --muted:#9CA3AF; --tile:#1D2025;
  --pill:#EDEEF1; --pill-ink:#101114;
  --accent:#63D44D; --accent-ink:#0F1F0B; --accent-text:#63D44D;
  --chart-line:#2F333B; --tip:#EDEEF1; --tip-ink:#101114;
  --shadow:none;
  --green-bg:rgba(99,212,77,0.14);   --green-fg:#63D44D;
  --amber-bg:rgba(242,184,75,0.14);  --amber-fg:#F2B84B;
  --blue-bg:rgba(111,168,255,0.14);  --blue-fg:#6FA8FF;
  --vio-bg:rgba(167,139,250,0.16);   --vio-fg:#B7A2FF;
  --teal-bg:rgba(94,234,212,0.14);   --teal-fg:#5EEAD4;
  --red-bg:rgba(255,138,128,0.14);   --red-fg:#FF8A80;
  --gray-bg:rgba(160,167,180,0.14);  --gray-fg:#A3AAB8;
  --track:#23262D; --b-gray:#8B93A1; --b-amber:#F2B84B; --b-blue:#6FA8FF; --b-green:#63D44D;
  --ring:#454B57; --hover:rgba(255,255,255,0.05);
  --s-green:#2E9E44; --s-blue:#2F6FED; --s-vio:#6D4AE0; --s-amber:#D97A00; --s-teal:#0E9F8E; --s-red:#D92D20;
  --sel:linear-gradient(180deg,#1A1D22,#23272E);
  --promo:linear-gradient(135deg,#1F242B,#181B20); --promo-text:#EDEEF1; --promo-muted:#B4BBC9; --dotp:rgba(237,238,241,0.26);
}