:root{--color-gray-50:#f8f9f7;--color-gray-100:#f0f2ef;--color-gray-200:#e1e6e2;--color-gray-300:#ccd5cf;--color-gray-400:#98a69e;--color-gray-500:#6a7971;--color-gray-600:#4c5a52;--color-gray-700:#354139;--color-gray-800:#233028;--color-gray-900:#17231d;--color-gray-950:#0c1511;--color-slate-50:var(--color-gray-50);--color-slate-100:var(--color-gray-100);--color-slate-200:var(--color-gray-200);--color-slate-300:var(--color-gray-300);--color-slate-400:var(--color-gray-400);--color-slate-500:var(--color-gray-500);--color-slate-600:var(--color-gray-600);--color-slate-700:var(--color-gray-700);--color-slate-800:var(--color-gray-800);--color-slate-900:var(--color-gray-900);--color-teal-50:#eef8f5;--color-teal-100:#d9eee9;--color-teal-200:#b9ddd5;--color-teal-300:#8dc8bd;--color-teal-400:#59aa9e;--color-teal-500:#318d82;--color-teal-600:#1f726a;--color-teal-700:#175b55;--color-teal-800:#124943;--color-teal-900:#0d3a36;--color-red-50:#fff5f4;--color-red-100:#fee7e4;--color-red-200:#f8c9c4;--color-red-500:#c34c52;--color-red-600:#aa3740;--color-red-700:#8e2932;--color-amber-50:#fff9ed;--color-amber-100:#fceccc;--color-amber-200:#f1d49a;--color-amber-500:#b97a25;--color-amber-600:#9d6117;--color-amber-700:#7f4a12;--color-green-50:#f0f8f2;--color-green-100:#dcefe1;--color-green-200:#b9ddc3;--color-green-500:#43865a;--color-green-600:#327047;--color-green-700:#285b3a;--color-blue-50:#f1f6fa;--color-blue-100:#dceaf3;--color-blue-200:#bfd6e6;--color-blue-500:#4a7d9f;--color-blue-600:#376b8d;--color-blue-700:#2d5875;--bg-app:#f4f6f3;--bg-canvas:#f7f8f5;--bg-surface:#ffffff;--bg-subtle:var(--color-gray-50);--bg-inset:var(--color-gray-100);--bg-warm:#fbfaf6;--surface:var(--bg-surface);--surface-muted:var(--bg-subtle);--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-500);--text-disabled:var(--color-gray-400);--text-placeholder:var(--color-gray-400);--text-inverse:#ffffff;--text-link:var(--color-teal-700);--text:var(--text-primary);--text-muted:var(--text-secondary);--border-default:var(--color-gray-200);--border-subtle:#e9ede9;--border-strong:var(--color-gray-300);--border-brand:var(--color-teal-300);--border:var(--border-default);--brand:var(--color-teal-700);--brand-hover:var(--color-teal-800);--brand-active:var(--color-teal-900);--brand-soft:var(--color-teal-50);--brand-surface:var(--color-teal-50);--brand-border:var(--color-teal-200);--brand-text:var(--color-teal-800);--danger:var(--color-red-600);--danger-soft:var(--color-red-50);--danger-border:var(--color-red-200);--danger-text:var(--color-red-700);--warning:var(--color-amber-600);--warning-soft:var(--color-amber-50);--warning-border:var(--color-amber-200);--warning-text:var(--color-amber-700);--success:var(--color-green-600);--success-soft:var(--color-green-50);--success-border:var(--color-green-200);--success-text:var(--color-green-700);--info:var(--color-blue-600);--info-soft:var(--color-blue-50);--info-border:var(--color-blue-200);--info-text:var(--color-blue-700);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--font-sans:"Inter","Segoe UI",ui-sans-serif,system-ui,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.75;--weight-normal:400;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--shadow-xs:0 1px 2px rgba(17,34,27,0.04);--shadow-sm:0 6px 18px rgba(17,34,27,0.055);--shadow-md:0 14px 34px rgba(17,34,27,0.075);--shadow-lg:0 28px 64px rgba(17,34,27,0.12);--transition-fast:120ms ease;--transition-base:180ms ease;--transition-slow:260ms ease;--focus-ring-color:rgba(31,114,106,0.34);--focus-ring:0 0 0 3px var(--focus-ring-color);--control-height-sm:36px;--control-height:44px;--control-height-lg:50px;--content-max:1360px;--z-dropdown:10;--z-sticky:20;--z-modal:50;--z-toast:80}