/* Global CSS Variables - Used across all pages */

:root {
    --primary-color: #2962ff;
    --primary-dark: #1e3a8a;
    --primary-light: #60a5fa;
    --secondary-color: #f8f9fa;
    --accent-color: #00c853;
    --accent-dark: #00a854;
    --accent-light: #4ade80;
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #ffffff;
    --border-color: #dee2e6;
    --success-color: #00c853;
    --warning-color: #ff9800;
    --danger-color: #f44336;
    --info-color: #2196f3;
    --shadow-light: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-medium: 0 4px 6px rgba(0,0,0,0.1);
    --shadow-heavy: 0 8px 16px rgba(0,0,0,0.1);
    --border-radius: 12px;
    --transition: all 0.3s ease;
}