/* Color Variables */
:root {
    /* Primary Colors */
    --color-primary: #FF6B35;
    --color-primary-light: #FF8B5E;
    --color-primary-dark: #E85A2B;
    --color-primary-rgb: 255, 107, 53;
    
    /* Secondary Colors */
    --color-secondary: #1A535C;
    --color-secondary-light: #2D7A87;
    --color-secondary-dark: #0F3A41;
    --color-secondary-rgb: 26, 83, 92;
    
    /* Accent Colors */
    --color-accent: #4ECDC4;
    --color-accent-light: #7BD9D3;
    --color-accent-dark: #2BA9A0;
    --color-accent-rgb: 78, 205, 196;
    
    /* Background Colors */
    --color-background: #F7FFF7;
    --color-background-alt: #FFFFFF;
    --color-background-dark: #292F36;
    
    /* Text Colors */
    --color-text: #292F36;
    --color-text-light: #6C757D;
    --color-text-lighter: #ADB5BD;
    --color-text-on-primary: #FFFFFF;
    --color-text-on-secondary: #FFFFFF;
    
    /* Status Colors */
    --color-success: #4CAF50;
    --color-warning: #FF9800;
    --color-error: #F44336;
    --color-info: #2196F3;
    
    /* Chart Colors */
    --chart-color-1: #FF6B35;
    --chart-color-2: #4ECDC4;
    --chart-color-3: #1A535C;
    --chart-color-4: #FFD166;
    --chart-color-5: #06D6A0;
    --chart-color-6: #118AB2;
    
    /* Gradient Definitions */
    --gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
    --gradient-secondary: linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));
    --gradient-accent: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));
    --gradient-success: linear-gradient(135deg, #4CAF50, #2E7D32);
    --gradient-warning: linear-gradient(135deg, #FF9800, #EF6C00);
    --gradient-error: linear-gradient(135deg, #F44336, #C62828);
}

/* Color Utility Classes */
.bg-primary {
    background-color: var(--color-primary);
    color: var(--color-text-on-primary);
}

.bg-secondary {
    background-color: var(--color-secondary);
    color: var(--color-text-on-secondary);
}

.bg-accent {
    background-color: var(--color-accent);
    color: var(--color-text);
}

.bg-success {
    background-color: var(--color-success);
    color: white;
}

.bg-warning {
    background-color: var(--color-warning);
    color: white;
}

.bg-error {
    background-color: var(--color-error);
    color: white;
}

.text-primary {
    color: var(--color-primary);
}

.text-secondary {
    color: var(--color-secondary);
}

.text-accent {
    color: var(--color-accent);
}

.text-success {
    color: var(--color-success);
}

.text-warning {
    color: var(--color-warning);
}

.text-error {
    color: var(--color-error);
}

/* Chart Color Classes */
.chart-color-1 {
    color: var(--chart-color-1);
    fill: var(--chart-color-1);
}

.chart-color-2 {
    color: var(--chart-color-2);
    fill: var(--chart-color-2);
}

.chart-color-3 {
    color: var(--chart-color-3);
    fill: var(--chart-color-3);
}

.chart-color-4 {
    color: var(--chart-color-4);
    fill: var(--chart-color-4);
}

/* Border Color Classes */
.border-primary {
    border-color: var(--color-primary);
}

.border-secondary {
    border-color: var(--color-secondary);
}

.border-accent {
    border-color: var(--color-accent);
}

/* Shadow with Color */
.shadow-primary {
    box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.2);
}

.shadow-secondary {
    box-shadow: 0 4px 12px rgba(var(--color-secondary-rgb), 0.2);
}

.shadow-accent {
    box-shadow: 0 4px 12px rgba(var(--color-accent-rgb), 0.2);
}

/* Hover Effects */
.hover-primary:hover {
    background-color: var(--color-primary-light);
    color: var(--color-text-on-primary);
}

.hover-secondary:hover {
    background-color: var(--color-secondary-light);
    color: var(--color-text-on-secondary);
}

.hover-accent:hover {
    background-color: var(--color-accent-light);
    color: var(--color-text);
}

/* Exercise Category Colors */
.category-back {
    --category-color: #118AB2;
    --category-color-light: #50B7D4;
}

.category-biceps {
    --category-color: #06D6A0;
    --category-color-light: #4DE3BB;
}

.category-chest {
    --category-color: #FF6B35;
    --category-color-light: #FF8B5E;
}

.category-triceps {
    --category-color: #FFD166;
    --category-color-light: #FFDE94;
}

.category-shoulders {
    --category-color: #4ECDC4;
    --category-color-light: #7BD9D3;
}

.category-legs {
    --category-color: #1A535C;
    --category-color-light: #2D7A87;
}

.category-cardio {
    --category-color: #7209B7;
    --category-color-light: #9D4EDD;
}

.category-core {
    --category-color: #F72585;
    --category-color-light: #F85FA0;
}

/* Difficulty Level Colors */
.difficulty-1 {
    --difficulty-color: #4CAF50;
}

.difficulty-2 {
    --difficulty-color: #8BC34A;
}

.difficulty-3 {
    --difficulty-color: #FFC107;
}

.difficulty-4 {
    --difficulty-color: #FF9800;
}

.difficulty-5 {
    --difficulty-color: #F44336;
}