:root{
/* base palette */
--sky-100:#eef7fd;
--sky-300:#c3e6f7;
--sky-500:#9cd3f0;
--sky-700:#5fa8d1;
--sky-900:#2c5c78;
--yellow-300:#fffb8f;
--yellow-500:#fbf700;
--yellow-600:#e6e100;
--ink-900:#111111;
--ink-700:#3a3a3a;
--ink-400:#767676;
--white:#ffffff;
/* semantic aliases */
--bg-page:var(--sky-500);
--bg-surface:var(--white);
--bg-surface-muted:var(--sky-100);
--text-primary:var(--ink-900);
--text-secondary:var(--ink-700);
--text-muted:var(--ink-400);
--text-on-dark:var(--white);
--accent-highlight:var(--yellow-500);
--accent-highlight-strong:var(--yellow-600);
--accent-sky:var(--sky-500);
--border-default:rgba(17,17,17,0.12);
--border-strong:rgba(17,17,17,0.4);
--focus-ring:var(--ink-900);
}