:root{
--black:#0a0a0a;
--white:#ffffff;
--gray-100:#f5f5f4;
--gray-200:#e8e7e5;
--gray-300:#d4d2ce;
--gray-400:#a8a5a0;
--gray-500:#7a766f;
--gray-600:#54514c;
--gray-700:#332F2B;
--accent-coral:#ff4d33;
--accent-sage:#7c9070;
--accent-sky:#4f7bd9;
--bg:var(--white);
--fg:var(--black);
--bg-invert:var(--black);
--fg-invert:var(--white);
--surface:var(--white);
--surface-raised:var(--gray-100);
--border:var(--gray-300);
--border-invert:var(--gray-600);
--muted:var(--gray-500);
--accent:var(--accent-coral);
--accent-contrast:var(--white);
}
[data-theme="invert"]{
--bg:var(--black);
--fg:var(--white);
--surface:var(--black);
--surface-raised:var(--gray-700);
--border:var(--gray-600);
--muted:var(--gray-400);
}