:root{--color-primary: #111;--color-secondary: #555;--color-tertiary: #9ca3af;--color-accent: #006b6d;--color-accent-hover: #008c8f;--accent-color: var(--color-accent);--accent-hover: var(--color-accent-hover);--accent-color-faint: rgba(0, 107, 109, .1);--card-bg: var(--bg-secondary);--input-bg: var(--bg-secondary);--success-color: var(--color-success);--warning-color: var(--color-warning);--danger-color: var(--color-error);--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-tertiary: #f3f4f6;--bg-hover: #f9fafb;--text-primary: #111;--text-secondary: #555;--text-tertiary: #9ca3af;--text-muted: #6b7280;--border-color: #d1d5db;--border-light: #e5e7eb;--border-dark: #9ca3af;--border-focus: #006b6d;--auth-demo-bg: #fef3c7;--auth-demo-border: #f59e0b;--auth-demo-text: #92400e;--auth-user-bg: rgba(0, 106, 109, .03);--auth-user-border: #006b6d;--auth-user-text: #374151;--overlay-bg: rgba(0, 0, 0, .7);--overlay-light: rgba(0, 0, 0, .5);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-body: "Plus Jakarta Sans", sans-serif;--font-heading: "Syne", sans-serif;--font-mono: "Source Code Pro", monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--text-4xl: 32px;--text-5xl: 36px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-tight: 1.25;--line-snug: 1.375;--line-normal: 1.5;--line-relaxed: 1.6;--line-loose: 1.75;--tracking-tight: -.6px;--tracking-normal: 0px;--tracking-wide: .4px;--tracking-wider: .6px;--radius-sm: 3px;--radius-base: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--border-width: 1px;--border-width-thick: 2px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 2px rgba(0, 107, 109, .15);--shadow-focus-ring: 0 0 0 3px rgba(0, 107, 109, .05);--transition-fast: .15s;--transition-normal: .2s;--transition-medium: .25s;--transition-slow: .3s;--transition-slower: .4s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-default: ease;--transition-all-fast: all .15s ease;--transition-all-normal: all .2s ease;--transition-all-medium: all .25s ease;--transition-all-slow: all .3s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 500;--z-overlay: 1000;--z-modal: 10000;--z-modal-nested: 10001;--z-toast: 10002;--z-tooltip: 10003;--container-sm: 640px;--container-md: 768px;--container-lg: 960px;--container-xl: 1200px;--size-xs: 16px;--size-sm: 20px;--size-base: 24px;--size-md: 28px;--size-lg: 32px;--size-xl: 36px;--size-2xl: 40px;--input-height-sm: 32px;--input-height-base: 40px;--input-height-lg: 48px;--opacity-disabled: .5;--opacity-hover: .8;--opacity-muted: .6}body.dark-mode{--color-primary: #f9fafb;--color-secondary: #d1d5db;--color-tertiary: #6b7280;--color-accent: #00a8ab;--color-accent-hover: #00c5c9;--accent-color: var(--color-accent);--accent-hover: var(--color-accent-hover);--accent-color-faint: rgba(0, 168, 171, .15);--card-bg: var(--bg-secondary);--input-bg: var(--bg-secondary);--success-color: var(--color-success);--warning-color: var(--color-warning);--danger-color: var(--color-error);--color-success: #10b981;--color-error: #f87171;--color-warning: #fbbf24;--bg-primary: #0f1117;--bg-secondary: #1a1d29;--bg-tertiary: #25293a;--bg-hover: #2d3142;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-muted: #6b7280;--border-color: #374151;--border-light: #4b5563;--border-dark: #1f2937;--border-focus: #00a8ab;--auth-demo-bg: #1a1d29;--auth-demo-border: rgba(251, 191, 36, .3);--auth-demo-text: #fbbf24;--auth-user-bg: #1a1d29;--auth-user-border: rgba(0, 168, 171, .4);--auth-user-text: #d1d5db;--overlay-bg: rgba(0, 0, 0, .8);--overlay-light: rgba(0, 0, 0, .6);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .7);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .8);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 2px rgba(0, 168, 171, .3);--shadow-focus-ring: 0 0 0 3px rgba(0, 168, 171, .15)}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 1ms;--transition-normal: 1ms;--transition-medium: 1ms;--transition-slow: 1ms;--transition-slower: 1ms;--transition-all-fast: all 1ms ease;--transition-all-normal: all 1ms ease;--transition-all-medium: all 1ms ease;--transition-all-slow: all 1ms ease}}