:root{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1e40af;--color-secondary:#7c3aed;--color-secondary-light:#8b5cf6;--color-secondary-dark:#6d28d9;--color-accent:#f59e0b;--color-accent-light:#fbbf24;--color-accent-dark:#d97706;--color-success:#10b981;--color-info:#06b6d4;--color-warning:#f59e0b;--color-error:#ef4444;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-text-link:var(--color-primary);--color-text-link-hover:var(--color-primary-dark);--color-bg-primary:#fafbfc;--color-bg-secondary:#f5f7fa;--color-bg-tertiary:#eef2f6;--color-bg-elevated:#fff;--color-bg-overlay:#00000080;--color-border-light:#e5e7eb;--color-border-medium:#d1d5db;--color-border-dark:#9ca3af;--color-surface:#fff;--color-surface-hover:#f9fafb;--gradient-primary:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);--gradient-secondary:linear-gradient(135deg,#7c3aed 0%,#ec4899 100%);--gradient-warm:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);--gradient-cool:linear-gradient(135deg,#06b6d4 0%,#2563eb 100%);--gradient-subtle:linear-gradient(135deg,#fff 0%,#f5f7fa 100%);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--section-spacing-sm:var(--space-12);--section-spacing-md:var(--space-16);--section-spacing-lg:var(--space-24);--grid-gap-sm:var(--space-4);--grid-gap-md:var(--space-6);--grid-gap-lg:var(--space-8);--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-heading:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2.25rem;--font-size-5xl:2.75rem;--font-size-6xl:3.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;--shadow-2xl:0 25px 50px -12px #0003;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--content-width:1280px;--content-width-narrow:960px;--content-width-wide:1440px;--article-width:720px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600}:root[data-theme=dark]{--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-tertiary:#9ca3af;--color-text-inverse:#1f2937;--color-text-link:#60a5fa;--color-text-link-hover:#93c5fd;--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-bg-elevated:#1e293b;--color-bg-overlay:#000000b3;--color-border-light:#334155;--color-border-medium:#475569;--color-border-dark:#64748b;--color-border-hover:#64748b;--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#2563eb;--color-primary-bg:#1e3a5f;--color-primary-border:#1d4ed8;--color-secondary:#a78bfa;--color-secondary-light:#c4b5fd;--color-accent:#fbbf24;--color-accent-light:#fcd34d;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-surface:#1e293b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--gradient-subtle:linear-gradient(135deg,#1e293b 0%,#334155 100%)}:root[data-accent=blue]{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1e40af;--color-primary-bg:#eff6ff;--color-primary-border:#bfdbfe}:root[data-accent=green]{--color-primary:#059669;--color-primary-light:#10b981;--color-primary-dark:#047857;--color-primary-bg:#ecfdf5;--color-primary-border:#a7f3d0}:root[data-accent=purple]{--color-primary:#7c3aed;--color-primary-light:#8b5cf6;--color-primary-dark:#6d28d9;--color-primary-bg:#f5f3ff;--color-primary-border:#c4b5fd}:root[data-accent=amber]{--color-primary:#d97706;--color-primary-light:#f59e0b;--color-primary-dark:#b45309;--color-primary-bg:#fffbeb;--color-primary-border:#fcd34d}:root[data-accent=teal]{--color-primary:#0891b2;--color-primary-light:#06b6d4;--color-primary-dark:#0e7490;--color-primary-bg:#ecfeff;--color-primary-border:#a5f3fc}:root[data-theme=dark][data-accent=blue]{--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#2563eb;--color-primary-bg:#1e3a5f;--color-primary-border:#1d4ed8}:root[data-theme=dark][data-accent=green]{--color-primary:#10b981;--color-primary-light:#34d399;--color-primary-dark:#059669;--color-primary-bg:#064e3b;--color-primary-border:#047857}:root[data-theme=dark][data-accent=purple]{--color-primary:#8b5cf6;--color-primary-light:#a78bfa;--color-primary-dark:#7c3aed;--color-primary-bg:#2e1065;--color-primary-border:#6d28d9}:root[data-theme=dark][data-accent=amber]{--color-primary:#f59e0b;--color-primary-light:#fbbf24;--color-primary-dark:#d97706;--color-primary-bg:#451a03;--color-primary-border:#b45309}:root[data-theme=dark][data-accent=teal]{--color-primary:#06b6d4;--color-primary-light:#22d3ee;--color-primary-dark:#0891b2;--color-primary-bg:#083344;--color-primary-border:#0e7490}:root[data-font=system]{--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-heading:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}:root[data-font=inter]{--font-family-base:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-heading:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}:root[data-font=merriweather]{--font-family-base:"Merriweather",Georgia,"Times New Roman",serif;--font-family-heading:"Merriweather",Georgia,"Times New Roman",serif}:root[data-font=noto-serif]{--font-family-base:"Noto Serif",Georgia,"Times New Roman",serif;--font-family-heading:"Noto Serif",Georgia,"Times New Roman",serif}
