:root{--color-bg: #1a472a;--color-card-bg: #ffffff;--color-card-back: #1e3a8a;--color-red: #dc143c;--color-black: #000000;--color-active: #22c55e;--color-selected: #fbbf24;--color-info: #3b82f6;--color-warning: #f59e0b;--color-success: #10b981;--color-error: #ef4444;--card-width: 80px;--card-height: 110px;--card-radius: 8px;--card-gap: 12px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-size-sm: 12px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 32px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-normal: .3s ease}