:root{
--color-yellow-500:#fec62f;
--color-yellow-100:#fff3d1;
--color-orange-500:#fe6d30;
--color-orange-600:#e85a21;
--color-orange-100:#ffe4d3;
--color-red-500:#fe522d;
--color-red-600:#e13c1a;
--color-brown-900:#7c3b23;
--color-brown-700:#9a5334;
--color-neutral-0:#ffffff;
--color-neutral-50:#fdf9f5;
--color-neutral-100:#f5ede4;
--color-neutral-200:#e8dccd;
--color-neutral-400:#b8a692;
--color-neutral-600:#7d6b58;
--color-neutral-800:#4a3c2e;
--color-neutral-900:#2c2117;
--color-primary:var(--color-orange-500);
--color-primary-hover:var(--color-orange-600);
--color-primary-active:var(--color-red-600);
--color-accent:var(--color-yellow-500);
--color-danger:var(--color-red-500);
--text-heading:var(--color-brown-900);
--text-body:var(--color-neutral-800);
--text-muted:var(--color-neutral-600);
--text-on-primary:var(--color-neutral-0);
--surface-page:var(--color-neutral-0);
--surface-section:var(--color-neutral-50);
--surface-card:var(--color-neutral-0);
--border-subtle:var(--color-neutral-200);
--border-strong:var(--color-neutral-400);
--gradient-sun:linear-gradient(180deg,var(--color-yellow-500) 0%,var(--color-orange-500) 100%);
--gradient-wave:linear-gradient(135deg,var(--color-orange-500) 0%,var(--color-red-500) 100%);
}