:root{--wl-color-primary-navy: #0A1F44;--wl-color-primary-teal: #009688;--wl-color-primary-teal-light: #4DB6AC;--wl-color-success: #2E7D32;--wl-color-warning: #F57C00;--wl-color-error: #C62828;--wl-color-info: #1565C0;--wl-color-surface-page: #F4F7FB;--wl-color-surface-card: #FFFFFF;--wl-color-surface-muted: #F0F4F8;--wl-color-surface-sidebar: #0A1F44;--wl-color-neutral-50: #FAFAFA;--wl-color-neutral-100: #F5F5F5;--wl-color-neutral-200: #EEEEEE;--wl-color-neutral-500: #9E9E9E;--wl-color-neutral-700: #616161;--wl-color-neutral-900: #212121;--wl-color-dark-background: #0E1116;--wl-color-dark-surface: #1A1F27;--wl-color-dark-text-primary: #E8EAED;--wl-spacing-xxs: 2px;--wl-spacing-xs: 4px;--wl-spacing-sm: 8px;--wl-spacing-md: 16px;--wl-spacing-lg: 24px;--wl-spacing-xl: 32px;--wl-spacing-xxl: 48px;--wl-radius-sm: 4px;--wl-radius-md: 8px;--wl-radius-lg: 12px;--wl-radius-xl: 16px;--wl-radius-xxl: 20px;--wl-shadow-sm: 0 1px 3px rgba(10, 31, 68, .08), 0 1px 2px rgba(10, 31, 68, .04);--wl-shadow-card: 0 2px 8px rgba(10, 31, 68, .06), 0 1px 2px rgba(10, 31, 68, .04);--wl-shadow-md: 0 4px 12px rgba(10, 31, 68, .08);--wl-shadow-lg: 0 8px 24px rgba(10, 31, 68, .12);--wl-shadow-hover: 0 10px 28px rgba(10, 31, 68, .12);--wl-font-family: Inter, system-ui, -apple-system, sans-serif;--wl-pastel-blue-from: #E3F2FD;--wl-pastel-green-from: #E8F5E9;--wl-pastel-orange-from: #FFF3E0;--wl-pastel-cyan-from: #E0F7FA;--wl-pastel-teal-from: #E8F5F3;--wl-pastel-amber-from: #FFF8E1;--wl-pastel-rose-from: #FCE4EC;--wl-pastel-purple-from: #F3E5F5}