:root{--brand-copper: #ed8026;--brand-copper-light: rgba(237, 128, 38, .1);--brand-copper-dark: #d6721f;--color-success: #4ade80;--color-success-bg: rgba(34, 197, 94, .15);--color-success-border: rgba(34, 197, 94, .3);--color-success-dark: #2E7D32;--color-warning: #facc15;--color-warning-bg: rgba(234, 179, 8, .15);--color-warning-border: rgba(234, 179, 8, .3);--color-warning-dark: #F57C00;--color-error: #f87171;--color-error-bg: rgba(239, 68, 68, .15);--color-error-border: rgba(239, 68, 68, .3);--color-error-dark: #9E3E2E;--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .15);--color-info-border: rgba(59, 130, 246, .3);--color-gray-50: #f8f9fa;--color-gray-100: #f1f3f5;--color-gray-200: #e9ecef;--color-gray-300: #dee2e6;--color-gray-400: #ced4da;--color-gray-500: #adb5bd;--color-gray-600: #6c757d;--color-gray-700: #495057;--color-gray-800: #343a40;--color-gray-900: #212529;--color-bg: var(--color-gray-50);--color-bg-card: #ffffff;--color-bg-hover: var(--color-gray-100);--color-text: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-500);--color-border: var(--color-gray-300);--color-border-light: var(--color-gray-200);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--font-heading: "Oswald", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", "Consolas", monospace;--text-xs: .625rem;--text-sm: .75rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .05em;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--shadow-focus: 0 0 0 2px var(--brand-copper-light);--z-dropdown: 50;--z-sticky: 60;--z-modal-backdrop: 90;--z-modal: 100;--z-toast: 200;--z-drag: 1000;--card-border-radius: var(--radius-sm);--card-padding: var(--spacing-sm) var(--spacing-md);--avatar-size-sm: 28px;--avatar-size-md: 32px;--avatar-size-lg: 40px;--input-height: 36px;--input-padding: var(--spacing-sm) var(--spacing-md);--input-border-radius: var(--radius-sm);--btn-height: 36px;--btn-padding: var(--spacing-sm) var(--spacing-md);--btn-border-radius: var(--radius-md);--header-height: 64px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}