:root{--color-primary: #1a1a2e;--color-primary-dark: #151527;--color-secondary: #f5f7fa;--color-background: #ffffff;--color-surface: #f8f9fb;--color-border: #e5e7eb;--color-text: #23272f;--color-text-light: #6b7280;--color-success: #16a34a;--color-danger: #dc2626;--color-disabled-surface: #f3f4f6;--font-family-base: "Nunito Sans", Arial, sans-serif;--font-size-base: 16px;--font-size-lg: 1.25rem;--font-size-sm: .9rem;--font-weight-bold: 600;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--button-height: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08)}.text-primary{color:var(--color-primary)}.bg-primary{background:var(--color-primary);color:#fff}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.border{border:1px solid var(--color-border)}.rounded{border-radius:var(--radius-md)}.shadow{box-shadow:var(--shadow-md)}@media (max-width: 768px){:root{--font-size-base: 15px;--space-lg: 18px;--space-xl: 28px}}