:root{--palette-cobalt: #3368A0;--palette-cerulean: #66A3BF;--palette-sage: #C8DFDB;--palette-cream: #F2EFE7;--bg-primary: hsl(44, 30%, 93%);--bg-surface: hsl(44, 38%, 97%);--bg-elevated: hsl(170, 29%, 83%);--bg-overlay: hsl(170, 25%, 76%);--bg-canvas: hsl(208, 42%, 15%);--border-subtle: hsl(176, 22%, 74%);--border-strong: hsl(199, 41%, 57%);--text-primary: hsl(210, 48%, 16%);--text-secondary: hsl(210, 32%, 30%);--text-muted: hsl(208, 22%, 44%);--brand-primary: hsl(211, 52%, 41%);--brand-secondary: hsl(199, 41%, 57%);--brand-hover: hsl(211, 55%, 35%);--brand-active: hsl(211, 58%, 29%);--success: hsl(156, 62%, 34%);--warning: hsl(34, 88%, 44%);--danger: hsl(0, 68%, 48%);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}