:root{
--color-black:#0a0a0a;
--color-near-black:#151311;
--color-ink:#1f1c19;
--color-white:#ffffff;
--color-cream:#f7f4f0;
--color-cream-100:#efeae3;
--color-sand-200:#ddd4c8;
--color-sand-400:#a89c8c;
--color-sand-600:#6b6255;
--color-orange-100:#fbe6d3;
--color-orange-200:#f5c79a;
--color-orange-300:#eda468;
--color-orange-400:#e5883f;
--color-orange-500:#d9701f;
--color-orange-600:#b85c18;
--color-orange-700:#8f4712;
--color-orange-900:#4a2609;
--color-success:#4f8a5b;
--color-error:#c0392b;
--color-warning:#d9701f;
--bg-dark:var(--color-black);
--bg-dark-raised:var(--color-near-black);
--bg-light:var(--color-cream);
--bg-light-raised:var(--color-white);
--bg-light-sunken:var(--color-cream-100);
--surface-card-dark:var(--color-near-black);
--surface-card-light:var(--color-white);
--border-dark:#2b2723;
--border-light:var(--color-sand-200);
--text-primary-dark:var(--color-white);
--text-secondary-dark:#c9c2b8;
--text-muted-dark:var(--color-sand-400);
--text-primary-light:var(--color-ink);
--text-secondary-light:#4a4238;
--text-muted-light:var(--color-sand-600);
--accent:var(--color-orange-500);
--accent-hover:var(--color-orange-400);
--accent-active:var(--color-orange-600);
--accent-tint:var(--color-orange-100);
--on-accent:var(--color-black);
--focus-ring:var(--color-orange-400);
}