:root{
 --brand-yellow:#FDC806;--brand-white:#FDFDFD;--brand-black:#000000;
 --gray-900:#171717;--gray-800:#2B2B2B;--gray-700:#444444;--gray-600:#666666;--gray-500:#8A8A8A;
 --gray-400:#B5B5B5;--gray-300:#D2D2D2;--gray-200:#E6E6E6;--gray-100:#F2F2F2;--gray-050:#F7F7F7;
 --color-page-bg:var(--brand-white);--color-surface:var(--brand-white);--color-surface-hover:var(--gray-050);--color-surface-disabled:var(--gray-100);
 --color-text-primary:var(--gray-900);--color-text-strong:var(--brand-black);--color-text-secondary:var(--gray-600);--color-text-placeholder:var(--gray-500);--color-text-disabled:var(--gray-400);
 --color-border:var(--gray-200);--color-border-strong:var(--gray-300);--color-accent:var(--brand-yellow);--color-accent-on:var(--brand-black);--color-inverse-bg:var(--brand-black);--color-inverse-text:var(--brand-white);
}