:root{
--color-black:#000000;
--color-white:#FFFFFF;
--color-lime:#D3FF00;
--color-pink:#E666DF;
--color-yellow:#FDDE69;
--color-blue:#0173F2;
--gray-900:#111111;
--gray-700:#333333;
--gray-500:#777777;
--gray-300:#C4C4C4;
--gray-100:#F2F2F2;
--surface-page:var(--color-black);
--surface-card:var(--gray-900);
--surface-light:var(--color-white);
--text-on-dark:var(--color-white);
--text-on-light:var(--color-black);
--text-muted-dark:var(--gray-300);
--text-muted-light:var(--gray-500);
--accent:var(--color-lime);
--accent-2:var(--color-pink);
--accent-3:var(--color-yellow);
--accent-4:var(--color-blue);
--text-on-accent:var(--color-black);
--focus-ring:var(--color-blue);
--border-on-dark:var(--color-white);
--border-on-light:var(--color-black);
}