:root{
/* Brand & accent — single interactive blue */
--color-primary:#0066cc;
--color-primary-focus:#0071e3;
--color-primary-on-dark:#2997ff;
/* Surfaces */
--color-canvas:#ffffff;
--color-canvas-parchment:#f5f5f7;
--color-surface-pearl:#fafafc;
--color-surface-tile-1:#272729;
--color-surface-tile-2:#2a2a2c;
--color-surface-tile-3:#252527;
--color-surface-black:#000000;
--color-surface-chip-translucent:#d2d2d7;
--color-surface-chip-translucent-a:rgba(210,210,215,0.64);
--color-surface-frosted:rgba(245,245,247,0.8);
/* Text */
--color-ink:#1d1d1f;
--color-body:#1d1d1f;
--color-body-on-dark:#ffffff;
--color-body-muted:#cccccc;
--color-ink-muted-80:#333333;
--color-ink-muted-48:#7a7a7a;
--color-on-primary:#ffffff;
--color-on-dark:#ffffff;
/* Hairlines */
--color-divider-soft:#f0f0f0;
--color-hairline:#e0e0e0;
--color-hairline-a:rgba(0,0,0,0.08);
--color-ring-soft-a:rgba(0,0,0,0.04);

/* Semantic aliases */
--text-primary:var(--color-ink);
--text-secondary:var(--color-ink-muted-80);
--text-tertiary:var(--color-ink-muted-48);
--text-on-dark:var(--color-body-on-dark);
--text-on-dark-muted:var(--color-body-muted);
--link:var(--color-primary);
--link-on-dark:var(--color-primary-on-dark);
--surface-page:var(--color-canvas);
--surface-alt:var(--color-canvas-parchment);
--surface-card:var(--color-canvas);
--surface-dark:var(--color-surface-tile-1);
--surface-nav:var(--color-surface-black);
--border-card:var(--color-hairline);
--focus-ring:var(--color-primary-focus);
}