:root{
--lh-black:#181818;
--lh-charcoal:#3b3b3b;
--lh-taupe:#7f756f;
--lh-mauve:#ac9c92;
--lh-stone:#b3b4b3;
--lh-mist:#e7e7e7;
--lh-paper:#f5f5f5;
--lh-white:#ffffff;
--lh-card:#f6f6f6;

--surface-page:var(--lh-paper);
--surface-card:var(--lh-card);
--surface-inverse:var(--lh-black);
--surface-button:var(--lh-mist);
--surface-icon:var(--lh-mist);

--text-primary:var(--lh-charcoal);
--text-strong:var(--lh-black);
--text-muted:var(--lh-taupe);
--text-on-inverse:var(--lh-paper);
--text-icon-mobile:#3a3a3a;

--border-hairline:var(--lh-mist);
--border-subtle:var(--lh-stone);

--state-hover:#7f746e;

--shadow-card-soft:0 4px 10px rgba(0,0,0,.15);
--shadow-card-deep:-5px 0 50px 5px rgba(0,0,0,.20);

--accent-average:var(--lh-mauve);
}