:root{
/* --- base neutrals --- */
--black:#0a0a0a;
--ink:#111111;
--charcoal:#2b2b2b;
--graphite:#545454;
--steel:#8c8c8c;
--silver:#c7c7c7;
--mist:#e4e4e2;
--paper:#f4f3f1;
--white:#ffffff;

/* --- accent: signal blue --- */
--signal-blue:#2b5cff;
--signal-blue-dim:#1c3fc4;
--signal-blue-deep:#132b8c;
--signal-blue-tint:#e7ecff;

/* --- semantic (muted, desaturated) --- */
--success:#2f7d5c;
--success-tint:#e5f1ec;
--warning:#b8862b;
--warning-tint:#f5ecdc;
--danger:#c43b3b;
--danger-tint:#f6e6e6;

/* --- surfaces --- */
--surface-page:var(--white);
--surface-page-alt:var(--paper);
--surface-card:var(--white);
--surface-sunken:var(--mist);
--surface-inverse:var(--black);
--surface-inverse-alt:var(--charcoal);
--surface-overlay:rgba(10,10,10,.72);

/* --- text --- */
--text-primary:var(--ink);
--text-secondary:var(--graphite);
--text-tertiary:var(--steel);
--text-inverse:var(--white);
--text-inverse-secondary:var(--silver);
--text-accent:var(--signal-blue);

/* --- borders --- */
--border-subtle:var(--mist);
--border-default:var(--silver);
--border-strong:var(--ink);
--border-inverse:rgba(255,255,255,.24);
--border-accent:var(--signal-blue);

/* --- focus / interactive --- */
--focus-ring:var(--signal-blue);
--link-color:var(--signal-blue);
--link-hover:var(--signal-blue-dim);
}