/* CSS Variables - TidyCarpet Theme */
:root {
    --primary-color: #d32f2f!important;
    --primary-dark: #b71c1c!important;
    --primary-light: #f44336!important;
    --secondary-color: #c62828!important;
    --accent-color: #e57373!important;
    --text-dark: #1a202c!important;
    --text-light: #4a5568!important;
    --text-muted: #718096!important;
    --white: #ffffff!important;
    --light-bg: #fff5f5!important;
    --gray-50: #f9fafb!important;
    --gray-100: #f3f4f6!important;
    --gray-200: #e5e7eb!important;
    --shadow: 0 4px 25px rgba(0, 0, 0, 0.08)!important;
    --shadow-hover: 0 8px 35px rgba(0, 0, 0, 0.12)!important;
    --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.1)!important;
    --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%)!important;
    --gradient-secondary: linear-gradient(135deg, var(--secondary-color) 0%, var(--accent-color) 100%)!important;
    --gradient-accent: linear-gradient(135deg, var(--primary-light) 0%, var(--accent-color) 100%)!important;
    --tidycarpet-primary: var(--primary-color)!important;
    --tidycarpet-primary-light: var(--primary-light)!important;
    --tidycarpet-primary-dark: var(--primary-dark)!important;
}