:root{
/* Base palette */
--ink:#0C0C0A;
--ink-2:#18181A;
--ink-3:#232326;
--paper:#F4F3EE;
--paper-2:#ECEBE3;
--card:#FFFFFF;
--lime:#D6F53F;
--lime-deep:#C3E42C;
--lime-tint:#F3FAD4;
--pop:#8C30F5;
--pop-soft:#9E71F9;
--pop-deep:#7218DB;
--pop-bright:#A566FF;
--pop-tint:#F1EAFE;
--grey-cool:#A5A49B;
--grey-faint:#6E6D66;
--line-dark:#2A2A28;
--line-dark-strong:#3D3D3A;
--line-light:#E3E2D9;
/* Semantic aliases (dark-first) */
--surface-page:var(--ink);
--surface-raised:var(--ink-2);
--surface-card:var(--card);
--surface-overlay:var(--ink-3);
--surface-inverse:var(--paper);
--surface-inverse-raised:var(--card);
--text-heading:#FFFFFF;
--text-body:#CFCEC6;
--text-muted:var(--grey-cool);
--text-faint:var(--grey-faint);
--text-inverse:#0C0C0A;
--text-inverse-muted:#71706A;
--accent:var(--lime);
--accent-hover:var(--lime-deep);
--accent-bright:var(--lime);
--accent-soft:rgba(214,245,63,0.14);
--feature:var(--pop);
--border-default:var(--line-dark);
--border-strong:var(--line-dark-strong);
--border-on-dark:var(--line-dark-strong);
--border-on-light:var(--line-light);
--focus-ring:2px solid var(--lime);
}