:root{
/* --- base palette (brandbook "Cores", p.22-25) --- */
--spl-blue-mid:#00196a;      /* SPL Azul Médio — primary */
--spl-blue-dark:#000d35;     /* SPL Azul Escuro */
--spl-blue-light:#149cd8;    /* SPL Azul Claro — accent/contrast */
--spl-guava:#ff6e5a;         /* SPL Goiaba — accent/contrast */
--spl-white:#ffffff;
--spl-gray-light:#e5e5e5;    /* Cinza Claro */
--spl-gray-mid:#d0d0d0;      /* Cinza Médio */
--spl-gray-dark:#b1b1b1;     /* Cinza Escuro */
--spl-black:#0a0a0a;         /* not in brandbook — for max-contrast text only, used sparingly */

/* --- semantic aliases --- */
--color-bg:var(--spl-white);
--color-bg-inverse:var(--spl-blue-mid);
--color-surface:var(--spl-white);
--color-surface-muted:var(--spl-gray-light);
--color-border:var(--spl-gray-mid);
--color-border-strong:var(--spl-gray-dark);

--color-text-primary:var(--spl-blue-dark);
--color-text-secondary:#4a5578;
--color-text-muted:var(--spl-gray-dark);
--color-text-inverse:var(--spl-white);
--color-text-inverse-muted:#aab4d6;

--color-brand:var(--spl-blue-mid);
--color-brand-dark:var(--spl-blue-dark);
--color-accent-blue:var(--spl-blue-light);
--color-accent-warm:var(--spl-guava);

--color-link:var(--spl-blue-light);
--color-link-hover:var(--spl-blue-mid);

--color-focus-ring:var(--spl-blue-light);

/* interactive state overlays — brand has no documented hover system;
   using a conservative darken/lighten pair (see readme.md Visual Foundations) */
--state-hover-on-light:rgba(0,25,106,.06);
--state-active-on-light:rgba(0,25,106,.12);
--state-hover-on-dark:rgba(255,255,255,.08);
--state-active-on-dark:rgba(255,255,255,.16);

--color-success:#1a9c6b;
--color-warning:#e8a13a;
--color-danger:var(--spl-guava);
}