:root {
    --color-primary: #1D1D6B;
    --color-secondary: #0096D6;
    --color-accent: #0096D6;
    --color-dark: #151553;
    --color-light: #F5F7FA;
    --color-primary-light: #2D2D8B;
    --color-primary-dark: #14144B;
    --color-secondary-light: #4BB5E3;
    --color-secondary-dark: #0078AB;
    --color-white: #FFFFFF;
    --color-gray-100: #F8F9FA;
    --color-gray-200: #E9ECEF;
    --color-gray-300: #DEE2E6;
    --color-gray-400: #CED4DA;
    --color-gray-500: #ADB5BD;
    --color-gray-600: #6C757D;
    --color-gray-700: #495057;
    --color-gray-800: #343A40;
    --color-gray-900: #212529;
    --color-whatsapp: #25D366;
    --color-text: #333333;
    --color-text-light: #666666;
    --color-text-muted: #999999;
    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    --gradient-dark: linear-gradient(135deg, var(--color-dark) 0%, var(--color-primary) 100%);
    --shadow-sm: 0 2px 8px rgba(29, 29, 107, 0.08);
    --shadow-md: 0 4px 16px rgba(29, 29, 107, 0.12);
    --shadow-lg: 0 8px 32px rgba(29, 29, 107, 0.16);
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}