:root {
    --primary-color: #6366f1;
    --primary-light: #818cf8;
    --primary-dark: #4f46e5;
    --secondary-color: #10b981;
    --secondary-light: #ff7340;
    --accent-color: #06b6d4;
    --dark-color: #1e293b;
    --dark-secondary: #334155;
    --light-gray: #f4f7fa;
    --lighter-gray: #fafbfc;
    --text-gray: #5a6872;
    --text-dark: #2d3436;
    --success-color: #10b981;
    --border-radius: 12px;
    --border-radius-lg: 20px;
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
    --shadow: 0 8px 30px rgba(0,0,0,0.08);
    --shadow-lg: 0 20px 50px rgba(0,0,0,0.12);
    --shadow-xl: 0 25px 60px rgba(0,0,0,0.15);
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}