:root{
/* Base palette */
--color-ink:#141414;
--color-ink-soft:#262626;
--color-canvas:#ffffff;
--color-canvas-soft:#f3f3f3;
--color-field:#f0f0f0;
--color-hairline-soft:#f0f0f0;
--color-hairline:#e0e0e0;
--color-text-muted:#707070;
--color-text-faint:#adadad;
--color-accent:#0066ff;
--color-on-primary:#ffffff;
--color-overlay:rgba(115,115,115,0.56);
--color-scrim:rgba(20,20,20,0.48);

/* Semantic aliases */
--color-primary:var(--color-ink);
--color-primary-hover:#2e2e2e;
--color-primary-active:#000000;
--text-heading:var(--color-ink);
--text-body:var(--color-ink);
--text-secondary-heading:var(--color-ink-soft);
--text-muted:var(--color-text-muted);
--text-faint:var(--color-text-faint);
--text-on-primary:var(--color-on-primary);
--surface-page:var(--color-canvas);
--surface-card:var(--color-canvas);
--surface-soft:var(--color-canvas-soft);
--surface-soft-hover:#ebebeb;
--surface-field:var(--color-field);
--surface-inverse:var(--color-ink);
--border-card:var(--color-hairline-soft);
--border-control:var(--color-hairline);
--border-control-hover:#c7c7c7;
--focus-ring:var(--color-ink);
--emphasis:var(--color-accent);
}