:root {
    --color-primary: #2563eb;
    --color-primary-dark: #1d4ed8;
    --color-primary-light: #3b82f6;

    --color-white: #ffffff;
    --color-gray-50: #f9fafb;
    --color-gray-200: #e5e7eb; 
    --color-gray-400: #99a1af;
    --color-gray-500: #6a7282;
    --color-gray-600: #4a5565;
    --color-gray-700: #374151;
    --color-gray-800: #1f2937;

    --color-blue: #3b82f6;
    --color-green: #10b981;
    --color-purple: #a855f7;
    --color-orange: #f97316;
    
    --color-success: #10b981;
    --color-error: #ef4444;

    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}