:root,[data-theme="light"]{
    --color-bg:#f7f6f2;--color-surface:#f9f8f5;--color-surface-2:#fbfbf9;
    --color-surface-offset:#f0ede8;--color-surface-dynamic:#e6e4df;
    --color-divider:#dcd9d5;--color-border:#d4d1ca;
    --color-text:#28251d;--color-text-muted:#7a7974;--color-text-faint:#bab9b4;
    --color-primary:#01696f;--color-primary-hover:#0c4e54;--color-primary-active:#0f3638;
    --color-primary-highlight:#cedcd8;
    --color-success:#437a22;--color-success-hover:#2e5c10;
    --color-error:#a12c7b;--color-warning:#964219;
    --color-orange:#da7101;--color-blue:#006494;--color-purple:#7a39bb;--color-gold:#d19900;
    --color-chart-1:#01696f;--color-chart-2:#437a22;--color-chart-3:#da7101;
    --color-chart-4:#006494;--color-chart-5:#7a39bb;
    --radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;
    --shadow-sm:0 1px 2px oklch(0.2 0.01 80/0.06);--shadow-md:0 4px 12px oklch(0.2 0.01 80/0.08);
    --shadow-lg:0 12px 32px oklch(0.2 0.01 80/0.12);
    --transition:180ms cubic-bezier(0.16,1,0.3,1);
    --font-display:'Cabinet Grotesk',sans-serif;--font-body:'Satoshi',sans-serif;
    --text-xs:clamp(0.75rem,0.7rem+0.25vw,0.875rem);--text-sm:clamp(0.875rem,0.8rem+0.35vw,1rem);
    --text-base:clamp(1rem,0.95rem+0.25vw,1.125rem);--text-lg:clamp(1.125rem,1rem+0.75vw,1.5rem);
    --text-xl:clamp(1.5rem,1.2rem+1.25vw,2.25rem);
    --space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;
    --space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;
}
[data-theme="dark"]{
    --color-bg:#111210;--color-surface:#171614;--color-surface-2:#1c1b19;
    --color-surface-offset:#1d1c1a;--color-surface-dynamic:#2d2c2a;
    --color-divider:#262523;--color-border:#393836;
    --color-text:#cdccca;--color-text-muted:#797876;--color-text-faint:#5a5957;
    --color-primary:#4f98a3;--color-primary-hover:#227f8b;--color-primary-active:#1a626b;
    --color-primary-highlight:#313b3b;
    --color-success:#6daa45;--color-success-hover:#4d8f25;
    --color-error:#d163a7;--color-warning:#bb653b;
    --color-orange:#fdab43;--color-blue:#5591c7;--color-purple:#a86fdf;--color-gold:#e8af34;
    --color-chart-1:#4f98a3;--color-chart-2:#6daa45;--color-chart-3:#fdab43;
    --color-chart-4:#5591c7;--color-chart-5:#a86fdf;
    --shadow-sm:0 1px 2px oklch(0 0 0/0.2);--shadow-md:0 4px 12px oklch(0 0 0/0.3);
    --shadow-lg:0 12px 32px oklch(0 0 0/0.4);
}