/* =====================================================================
   tokens.css · Dr. Fabio Salomão
   ÚNICA fonte de valores do design system. Nenhum hex fora deste arquivo.
   Nomes seguem o Sistema de Cores oficial (Palpitaria).
   ===================================================================== */
:root{
  /* --- Cores principais --- */
  --azul-profundo:#253A4B;        /* cor-mestre · universo clínico */
  --azul-escuro-01:#1E303E;
  --azul-escuro-02:#182631;       /* footer */
  --azul-claro-01:#9DA6AE;
  --azul-claro-02:#D8DCDF;

  --marfim:#FBFAF7;               /* base de respiro */
  --marfim-claro-02:#FEFEFE;
  --marfim-escuro-01:#CECDCB;
  --marfim-escuro-02:#A3A2A1;
  --marfim-escuro-03:#6F6E6C;    /* placeholder de form · 5.05:1 sobre marfim-claro-02 (AA) */

  --areia:#F3F0EA;                /* universo educacional */
  --areia-claro-01:#FAF8F6;
  --areia-escuro-01:#C7C5C0;
  --areia-escuro-02:#9E9C98;

  --pessego:#E9CCB9;              /* acento · consultoria/mentoria/IA */
  --pessego-claro-01:#F5E8E0;

  /* --- Complementares --- */
  --nevoa:#D7E3E6;                /* tecnologia leve */
  --grafite:#202428;              /* texto e contraste */

  /* --- Feedback (derivado da paleta, sem verde) --- */
  --erro-texto:#1E303E;
  --erro-fundo:#F5E8E0;

  /* --- Tipografia (alavanca do gate: trocar fonte = editar 2 linhas) --- */
  --font-display:'Questrial',-apple-system,'Helvetica Neue',sans-serif;
  --font-body:'Roboto',-apple-system,'Helvetica Neue',sans-serif;

  /* --- Layout --- */
  --max:1152px;
  --gutter:32px;
  --gutter-m:20px;

  /* --- Raios --- */
  --radius-card:28px;
  --radius-img:32px;
  --radius-field:12px;
  --radius-tag:16px;
  --radius-pill:999px;

  /* --- Sombras --- */
  --shadow-card:0 26px 60px -34px rgba(37,58,75,.4);
  --shadow-card-hover:0 34px 70px -34px rgba(37,58,75,.5);
  --shadow-btn:0 10px 30px -12px rgba(37,58,75,.5);
  --shadow-btn-hover:0 18px 44px -14px rgba(37,58,75,.6);
  --shadow-img:0 40px 90px -40px rgba(37,58,75,.55);
  --shadow-soft:0 20px 44px -28px rgba(37,58,75,.4);
  --focus-ring:0 0 0 3px rgba(215,227,230,.9);

  /* --- Motion --- */
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* --- Temas por universo: seção não escolhe cor, escolhe universo.
       A classe define as variáveis E pinta o bloco (background/cor). --- */
.theme-clinico,.theme-educacao,.theme-consultoria{
  background:var(--sec-bg);
  color:var(--sec-fg);
}
.theme-clinico{
  --sec-bg:var(--azul-profundo);
  --sec-fg:var(--marfim);
  --sec-fg-soft:var(--azul-claro-02);
  --sec-accent:var(--areia);
}
.theme-educacao{
  --sec-bg:var(--areia);
  --sec-fg:var(--azul-profundo);
  --sec-fg-soft:var(--grafite);
  --sec-accent:var(--marfim);
}
.theme-consultoria{
  --sec-bg:var(--pessego);
  --sec-fg:var(--grafite);
  --sec-fg-soft:var(--azul-profundo);
  --sec-accent:var(--marfim);
}