:root{
/* Brand base — from "Arquitetura do novo site HERC" §D Sistema visual */
--herc-teal-900:#0E2C33;
--herc-teal-700:#14454E;
--herc-gold-500:#FFB020;
--herc-gray-50:#F5F6F7;
--herc-ink-950:#0A1417;
/* Derived ramps (oklch steps around the brand values) */
--herc-teal-800:#113840;
--herc-teal-600:#1D5A65;
--herc-teal-400:#4F8A94;
--herc-teal-200:#A9C6CB;
--herc-teal-100:#DCE8EA;
--herc-gold-600:#E89A0C;
--herc-gold-700:#C27F00;
--herc-gold-100:#FFF0D1;
--herc-white:#FFFFFF;
--herc-gray-100:#EBEDEF;
--herc-gray-200:#DADEE1;
--herc-gray-400:#9AA3A8;
--herc-gray-500:#6B767C;
--herc-gray-700:#3A4448;
/* Semantic status (alarm / operation states) */
--herc-green-500:#2FA36B;
--herc-red-500:#E5484D;
--herc-blue-500:#3A8DDE;
--herc-whatsapp:#25D366;

/* Semantic aliases — light sections */
--surface-page:var(--herc-white);
--surface-alt:var(--herc-gray-50);
--surface-card:var(--herc-white);
--text-strong:var(--herc-ink-950);
--text-body:var(--herc-gray-700);
--text-muted:var(--herc-gray-500);
--border-subtle:var(--herc-gray-200);
--border-strong:var(--herc-gray-400);
/* Dark sections (hero, soluções, tecnologia, CTA) */
--surface-dark:var(--herc-teal-900);
--surface-dark-raised:var(--herc-teal-700);
--surface-deepest:var(--herc-ink-950);
--text-on-dark:var(--herc-white);
--text-on-dark-muted:var(--herc-teal-200);
--border-on-dark:rgba(255,255,255,.12);
/* Action — gold is ONLY for action */
--action:var(--herc-gold-500);
--action-hover:var(--herc-gold-600);
--action-press:var(--herc-gold-700);
--text-on-action:var(--herc-ink-950);
--focus-ring:var(--herc-gold-500);
--status-ok:var(--herc-green-500);
--status-alert:var(--herc-red-500);
--status-info:var(--herc-blue-500);
}