:root{
/* Base — navy (sampled from logo ink + marketing backgrounds) */
--navy-950:#0B1426;
--navy-900:#1A243B;
--navy-800:#0B325B;
--navy-700:#113E70;
--navy-600:#1B4F8A;
--navy-500:#2E64A6;
--navy-200:#B9C7DB;
--navy-100:#E3EAF3;
--navy-50:#F2F5F9;
/* Base — gold / orange (pyramid faces + PIX pill) */
--gold-700:#C97400;
--gold-600:#F48A00;
--gold-500:#FEB60A;
--gold-300:#FFD466;
--gold-100:#FFF3D1;
--orange-500:#FF9037;
/* Neutrals */
--white:#FFFFFF;
--gray-50:#F7F8FA;
--gray-100:#EAEAEA;
--gray-200:#D9DDE3;
--gray-400:#9AA3B0;
--gray-600:#5B6573;
--gray-800:#2B323D;
/* Semantic status */
--success:#1E9E63;
--warning:#F48A00;
--danger:#D64545;
--info:#2E64A6;
/* Aliases — text */
--text-primary:var(--navy-900);
--text-secondary:var(--gray-600);
--text-muted:var(--gray-400);
--text-on-dark:var(--white);
--text-on-dark-muted:rgba(255,255,255,.72);
--text-accent:var(--gold-500);
--text-link:var(--navy-600);
/* Aliases — surfaces */
--surface-page:var(--white);
--surface-subtle:var(--gray-50);
--surface-card:var(--white);
--surface-dark:var(--navy-800);
--surface-dark-deep:var(--navy-900);
--surface-brand-tint:var(--navy-50);
--surface-accent-tint:var(--gold-100);
/* Aliases — actions */
--action-primary:var(--gold-600);
--action-primary-hover:var(--gold-700);
--action-primary-text:var(--white);
--action-secondary:var(--navy-800);
--action-secondary-hover:var(--navy-900);
--action-accent:var(--gold-500);
--action-accent-text:var(--navy-900);
--focus-ring:0 0 0 3px rgba(254,182,10,.45);
/* Aliases — borders */
--border-default:var(--gray-200);
--border-strong:var(--gray-400);
--border-on-dark:rgba(255,255,255,.18);
/* Overlays (photo protection, as in social cards) */
--overlay-navy:linear-gradient(180deg,rgba(11,50,91,.55) 0%,rgba(11,50,91,.92) 100%); /* @kind color */
--overlay-navy-flat:rgba(3,45,95,.82);
}