:root{
/* base palette */
--yellow-50:#FFF9E6;
--yellow-100:#FFF0BF;
--yellow-300:#FFDD70;
--yellow-500:#FFC629;
--yellow-600:#E6AC0E;
--yellow-700:#B5850A;
--ink-900:#14151A;
--ink-800:#1E2027;
--ink-700:#2B2E38;
--ink-600:#454955;
--gray-500:#6B7280;
--gray-300:#B9BEC7;
--gray-200:#DCDFE4;
--gray-100:#EEF0F3;
--gray-50:#F7F8FA;
--white:#FFFFFF;
--green-600:#178A48;
--green-500:#1FAA59;
--green-100:#E3F6EA;
--red-600:#C22F2F;
--red-500:#E23D3D;
--red-100:#FCE7E7;
--blue-600:#1A5FB4;
--blue-500:#2E7DE1;
--blue-100:#E5EFFC;

/* semantic */
--brand:var(--yellow-500);
--brand-strong:var(--yellow-600);
--brand-tint:var(--yellow-50);
--fg-primary:var(--ink-900);
--fg-secondary:var(--gray-500);
--fg-on-brand:var(--ink-900);
--fg-on-dark:var(--white);
--surface-page:var(--white);
--surface-sunken:var(--gray-50);
--surface-card:var(--white);
--surface-dark:var(--ink-900);
--border-subtle:var(--gray-200);
--border-strong:var(--ink-900);
--status-safe:var(--green-500);
--status-safe-tint:var(--green-100);
--status-alert:var(--red-500);
--status-alert-tint:var(--red-100);
--status-info:var(--blue-500);
--status-info-tint:var(--blue-100);
--focus-ring:var(--blue-500);
}