/* ── Brand palette — exact hex from BRAND-HANDOFF-VOZARA.md §5 ───────────── */
:root{
  --vz-petrol:#0E5A4A;        /* Primária — azul petróleo */
  --vz-teal:#1F8570;          /* Primária variação / hover — teal médio */
  --vz-coral:#D96F4C;         /* Acento — terracota/coral (CTA, destaque) */
  --vz-mint:#A8D8C9;          /* Apoio — verde-água claro (sucesso, positivo) */
  --vz-offwhite:#FBF7F2;      /* Neutro claro — off-white quente */
  --vz-graphite:#2B2B28;      /* Neutro escuro — grafite (texto) */

  /* ── Derived steps (oklch-harmonised from the six brand hexes) ───────── */
  --vz-ink:#050807;           /* page base, near-black with a teal cast */
  --vz-ink-2:#0A100E;         /* raised dark surface */
  --vz-ink-3:#101917;         /* hovered dark surface */
  --vz-petrol-deep:#083A2F;   /* darkest teal, section grounds */
  --vz-petrol-950:#06251E;
  --vz-teal-bright:#2FA98D;   /* focus rings, active line art */
  --vz-mint-bright:#C8EADF;   /* headline accent on dark */
  --vz-mint-soft:#E2F1EB;     /* light tint fills */
  --vz-coral-deep:#B8552F;    /* coral pressed */
  --vz-coral-soft:#F6DCD0;    /* coral tint fills */
  --vz-sand:#F2EBE2;          /* warm neutral one step down from off-white */
  --vz-stone:#D9D2C8;         /* warm border on light */
  --vz-graphite-60:#6B6B65;   /* muted text on light */
  --vz-amber:#C98A2E;         /* warning */
  --vz-error:#B3402E;         /* real error states only — never pure red */
}

/* ── Semantic aliases — DARK is the default surface (the brand's site runs dark) */
:root{
  --surface-page:var(--vz-ink);
  --surface-raised:var(--vz-ink-2);
  --surface-raised-hover:var(--vz-ink-3);
  --surface-sunken:#020403;
  --surface-glass:rgba(14,90,74,.22);
  --surface-glass-strong:rgba(14,90,74,.38);
  --surface-brand:var(--vz-petrol);
  --surface-brand-hover:var(--vz-teal);
  --surface-accent:var(--vz-coral);
  --surface-accent-hover:var(--vz-coral-deep); /* escurece no hover: 4.5:1 com on-accent (o #E07E5D clareava para 2.69:1) */
  --surface-inverse:var(--vz-offwhite);
  --surface-inverse-2:var(--vz-sand);

  --text-primary:var(--vz-offwhite);
  --text-secondary:rgba(251,247,242,.72);
  --text-muted:rgba(251,247,242,.52);
  --text-accent:var(--vz-mint-bright);
  --text-brand:var(--vz-mint);
  --text-on-brand:var(--vz-offwhite);
  --text-on-accent:#FFF6F1;
  --text-inverse:var(--vz-graphite);
  --text-inverse-muted:var(--vz-graphite-60);
  --text-link:var(--vz-mint-bright);
  --text-link-hover:var(--vz-coral-soft);
  --interactive-hover:var(--vz-coral);      /* coral is the hover colour across the system */
  --interactive-hover-soft:#F0B49B;

  --border-subtle:rgba(251,247,242,.10);
  --border-strong:rgba(251,247,242,.22);
  --border-glass:rgba(168,216,201,.24);
  --border-brand:var(--vz-teal);
  --border-focus:var(--vz-teal-bright);

  --status-success:var(--vz-mint);
  --status-success-ink:#0B3A2E;
  --status-warning:var(--vz-amber);
  --status-danger:var(--vz-error);
  --status-info:var(--vz-teal-bright);
}

/* ── Light scope — off-white editorial sections, white stat cards ───────── */
.vz-light{
  --vz-footer-logo-filter:none;
  --surface-page:var(--vz-offwhite);
  --surface-raised:#FFFFFF;
  --surface-raised-hover:var(--vz-sand);
  --surface-sunken:var(--vz-sand);
  --surface-glass:rgba(14,90,74,.06);
  --surface-glass-strong:rgba(14,90,74,.10);
  --surface-inverse:var(--vz-ink);
  --surface-inverse-2:var(--vz-ink-2);

  --text-primary:var(--vz-graphite);
  --text-secondary:rgba(43,43,40,.74);
  --text-muted:rgba(43,43,40,.54);
  --text-accent:var(--vz-petrol);
  --text-brand:var(--vz-petrol);
  --text-inverse:var(--vz-offwhite);
  --text-inverse-muted:rgba(251,247,242,.6);
  --text-link:var(--vz-petrol);
  --text-link-hover:var(--vz-coral-deep);
  --interactive-hover:var(--vz-coral);
  --interactive-hover-soft:var(--vz-coral-deep);

  --border-subtle:rgba(43,43,40,.10);
  --border-strong:rgba(43,43,40,.22);
  --border-glass:rgba(14,90,74,.16);
  --status-success-ink:#0B3A2E;
}