/* ─────────────────────────────────────────────
DFFCO Brand Tokens · v1.0
Tokens centrais. Importe este arquivo no :
───────────────────────────────────────────── */
:root {
/* ─── PRIMÁRIAS ─── */
--dffco-clinical: #0891B2; /* azul clínico — UI, botões, links */
--dffco-clinical-deep: #0E7490; /* hover / pressed */
--dffco-deep: #164E63; /* texto title, fundos escuros */
--dffco-cyan: #22D3EE; /* accent / decoração */
/* ─── EIXOS ─── */
--dffco-axis-1: #0891B2; /* hidratação + cognição */
--dffco-axis-2: #7C3AED; /* fibromialgia + fibrofog */
--dffco-axis-3: #059669; /* hidratação + sensibilização */
--dffco-axis-1-soft: #E0F7FA;
--dffco-axis-2-soft: #F3E8FF;
--dffco-axis-3-soft: #D1FAE5;
/* ─── SUPERFÍCIE ─── */
--dffco-bg: #F0FDFF;
--dffco-surface: #ECFEFF;
--dffco-border-soft: #CFFAFE;
--dffco-border-mid: #A5F3FC;
/* ─── TEXTO ─── */
--dffco-ink-1: #164E63; /* títulos */
--dffco-ink-2: #374151; /* corpo */
--dffco-ink-3: #64748B; /* secundário */
--dffco-ink-4: #94A3B8; /* desabilitado */
/* ─── SEMÂNTICAS ─── */
--dffco-success: #059669;
--dffco-warning: #D97706;
--dffco-error: #DC2626;
--dffco-info: #0891B2;
/* ─── EVIDÊNCIA ─── */
--dffco-ev-high-bg: #D1FAE5;
--dffco-ev-high-fg: #065F46;
--dffco-ev-mod-bg: #FEF3C7;
--dffco-ev-mod-fg: #92400E;
--dffco-ev-low-bg: #FEE2E2;
--dffco-ev-low-fg: #991B1B;
--dffco-ev-pend-bg: #E0F2FE;
--dffco-ev-pend-fg: #0369A1;
/* ─── TIPOGRAFIA ─── */
--dffco-font-head: "Figtree", "Helvetica Neue", Arial, sans-serif;
--dffco-font-body: "Noto Sans", ui-sans-serif, system-ui, sans-serif;
--dffco-font-mono: "JetBrains Mono", ui-monospace, monospace;
/* ─── ESCALA ─── */
--dffco-space-1: 4px;
--dffco-space-2: 8px;
--dffco-space-3: 12px;
--dffco-space-4: 16px;
--dffco-space-6: 24px;
--dffco-space-8: 32px;
--dffco-space-12: 48px;
--dffco-space-16: 64px;
/* ─── RADII ─── */
--dffco-radius-button: 8px;
--dffco-radius-card-sm: 10px;
--dffco-radius-card: 12px;
--dffco-radius-card-lg: 16px;
--dffco-radius-modal: 20px;
--dffco-radius-pill: 9999px;
/* ─── SOMBRAS ─── */
--dffco-shadow-sm: 0 1px 4px rgba(8,145,178,.08);
--dffco-shadow-md: 0 2px 12px rgba(8,145,178,.10);
--dffco-shadow-lg: 0 6px 24px rgba(8,145,178,.14);
--dffco-shadow-xl: 0 12px 40px rgba(8,145,178,.18);
}
/* Fontes carregadas via nos templates */
/* ─── Tooltip Glossário DFFCO ─── */
/* Tooltip rendered via JS floating div — no ::after needed here */
.dffco-tip {
cursor: help;
text-decoration: underline dotted currentColor;
text-underline-offset: 2px;
}
/* Links de rodapé: substituem os handlers inline onmouseover/onmouseout
(removidos para permitir CSP sem 'unsafe-inline'). !important vence a
cor-base definida inline (color:#A5F3FC) no hover. */
a.foot-link { transition: color .15s; }
a.foot-link:hover { color: #fff !important; }
/* Inputs da newsletter (landing): substituem onfocus/onblur inline. */
.nl-input:focus { border-color: rgba(255, 255, 255, .6) !important; }