:root{
/* base — near-black canvas */
--black-abs:#000000;--black-1:#050607;--black-2:#0A0D0E;
--petrol-1:#0A1418;--petrol-2:#0C2226;--petrol-3:#123338;
/* brand cyan */
--cyan-1:#00E4F2;--cyan-2:#00CDDB;--cyan-3:#00C5D2;--cyan-4:#00A7B2;--cyan-5:#00767E;
/* metallic silver ramp (BLACK FRIDAY headline) */
--silver-1:#8C8C8C;--silver-2:#E8E8E8;--silver-3:#6B6B6B;
/* neutrals */
--white:#FFFFFF;--gray-1:#D7E1E3;--gray-2:#9BAFB3;--gray-3:#6B7C80;
/* semantic */
--bg-page:var(--black-1);
--bg-section:linear-gradient(180deg,#050607 0%,#0A1418 100%);
--bg-glow-radial:radial-gradient(60% 60% at 50% 0%,rgba(0,197,210,.18) 0%,rgba(5,6,7,0) 70%);
--surface-card:linear-gradient(160deg,rgba(12,34,38,.92) 0%,rgba(18,51,56,.72) 100%);
--surface-card-flat:#0C2226;
--surface-raised:#123338;
--border-card:rgba(0,197,210,.32);
--border-card-strong:rgba(0,197,210,.5);
--border-hairline:rgba(215,225,227,.12);
--text-primary:var(--white);
--text-secondary:var(--gray-1);
--text-muted:var(--gray-2);
--text-on-cyan:#02181A;
--accent:var(--cyan-3);
--accent-gradient:linear-gradient(90deg,#00CDDB 0%,#00A7B2 100%); /* @kind color */
--metallic-gradient:linear-gradient(180deg,#8C8C8C 0%,#E8E8E8 46%,#6B6B6B 100%); /* @kind color */
--highlight-bg:var(--cyan-3);
--whatsapp:#25D366;
}