:root{--color-bg-primary: #f8f9fa;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e9ecef;--color-bg: #f9fbff;--color-white: #ffffff;--color-header-bg: #ffffff;--color-header-text: #1a202c;--color-header-border: #e5e7eb;--color-nav-active: #10b981;--color-primary: #5086ed;--color-primary-dark: #059669;--color-text-primary: #1a202c;--color-text-secondary: #000000;--color-text-tertiary: #9ca3af;--color-text: #1a202c;--color-border-primary: #e5e7eb;--color-border-secondary: #d1d5db;--color-border: #e5e7eb;--color-accent-blue: #5085ec;--color-accent-orange: #ff9859;--color-accent-primary: #10b981;--color-pill-bg: #1a202c;--color-pill-text: #ffffff;--color-pill-border: #374151;--color-modal-bg: #ffffff;--color-modal-overlay: rgba(0, 0, 0, .5);--color-modal-border: #e5e7eb;--color-item-hover: #f3f4f6;--color-item-selected: #d1fae5;--chart-primary: #10b981;--chart-blue: #5086ed;--chart-orange: #ff9859;--chart-teal: #14b8a6;--chart-red: #ef4444;--chart-purple: #a855f7;--heatmap-0: #f0fdf4;--heatmap-1: #dcfce7;--heatmap-2: #bbf7d0;--heatmap-3: #86efac;--heatmap-4: #4ade80;--heatmap-5: #22c55e;--heatmap-6: #16a34a;--heatmap-7: #15803d;--heatmap-8: #166534;--color-skeleton-base: #f0f0f0;--color-skeleton-highlight: #e0e0e0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .95rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .07);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .1);--transition-fast: .2s ease-in-out;--transition-normal: .3s ease-out;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}