:root{
--sky-100:#eaf6fb;--sky-50:#f5fbfd;
--teal-500:#3fa9c9;--teal-600:#2f8daa;--teal-700:#256e86;
--navy-900:#1f4e79;--navy-950:#173a5a;
--coral-400:#f4a89a;--coral-500:#ea8b78;--coral-600:#d5715e;
--gold-400:#ffd66b;--gold-500:#f0bc3d;
--gray-900:#22303f;--gray-700:#425065;--gray-500:#6b7a8c;--gray-300:#c7d3db;--gray-100:#eef3f6;
--white:#ffffff;

--color-bg:var(--sky-100);
--color-bg-alt:var(--sky-50);
--color-surface:var(--white);
--text-primary:var(--gray-900);
--text-secondary:var(--gray-700);
--text-muted:var(--gray-500);
--text-on-accent:var(--white);
--border-subtle:var(--gray-300);
--border-accent:var(--teal-500);

--accent-primary:var(--teal-500);
--accent-primary-hover:var(--teal-600);
--accent-primary-press:var(--teal-700);
--accent-secondary:var(--coral-400);
--accent-secondary-hover:var(--coral-500);
--accent-tertiary:var(--gold-400);
--accent-deep:var(--navy-900);

--focus-ring:var(--teal-600);
}