:root{
--black:#000000;--white:#FFFFFF;
--cream:#EFE6D6; /* logo ink on black, sampled from cream-on-black logo */
--black-soft:#0C0B0B; /* logo ground, textured black */
--ink-900:#0A0A0A;--ink-700:#3A3A3A;--ink-500:#6E6E6E;--ink-300:#BDBDBD;--ink-100:#EDEDED;--ink-50:#F7F7F7;
--fg-1:var(--black);--fg-2:var(--ink-700);--fg-3:var(--ink-500);--fg-inverse:var(--white);--fg-brand-on-dark:var(--cream);
--bg-1:var(--white);--bg-2:var(--ink-50);--bg-inverse:var(--black);--bg-brand-dark:var(--black-soft);
--surface-page:var(--bg-1);--surface-card:var(--white);--surface-muted:var(--ink-50);--surface-inverse:var(--black);
--border-strong:var(--black);--border-subtle:var(--ink-100);
--text-body:var(--fg-1);--text-muted:var(--fg-3);--text-on-inverse:var(--white);
--action-bg:var(--black);--action-fg:var(--white);--action-bg-hover:var(--ink-700);
--focus-ring:var(--black);
}