:root{
--color-bg:#F9FAFB;
--color-bg-raised:#FFFFFF;
--color-ink:#1A1B1E;
--color-ink-soft:#33353A;
--color-muted:#6B7076;
--color-muted-faint:#9BA0A6;
--color-accent:#FFC93C;
--color-accent-ink:#1A1B1E;
--color-button-text:#E8E9EB;
--color-border:rgba(26,27,30,0.10);
--color-border-strong:rgba(26,27,30,0.18);
--color-hairline:rgba(26,27,30,0.07);
--color-overlay:rgba(26,27,30,0.55);

--surface-page:var(--color-bg);
--surface-card:var(--color-bg-raised);
--surface-sunken:#F1F2F4;
--surface-inverse:var(--color-ink);

--text-primary:var(--color-ink);
--text-secondary:var(--color-muted);
--text-faint:var(--color-muted-faint);
--text-on-dark:var(--color-button-text);
--text-link:var(--color-ink);

--border-default:var(--color-border);
--border-strong:var(--color-border-strong);
--border-hairline:var(--color-hairline);

--highlight-bg:var(--color-accent);
--highlight-ink:var(--color-accent-ink);
}