/**
 * Brand Colors - CSS Custom Properties
 *
 * IMPORTANT: These values mirror Imagile.App.Domain.Design.BrandColors.cs
 * Keep both files in sync when updating brand colors.
 */

:root {
    /* Primary Colors - Modern Blue */
    --brand-primary-light: #60A5FA;
    --brand-primary-main: #3B82F6;
    --brand-primary-dark: #2563EB;
    --brand-primary-darker: #1D4ED8;

    /* Secondary Colors - Vibrant Purple/Violet */
    --brand-secondary-light: #A78BFA;
    --brand-secondary-main: #8B5CF6;
    --brand-secondary-dark: #7C3AED;
    --brand-secondary-darker: #6D28D9;

    /* Accent Colors - Bold & Vibrant */
    --brand-accent-orange-light: #FB923C;
    --brand-accent-orange-main: #F97316;
    --brand-accent-orange-dark: #EA580C;

    --brand-accent-pink-light: #F472B6;
    --brand-accent-pink-main: #EC4899;
    --brand-accent-pink-dark: #DB2777;

    --brand-accent-indigo-light: #818CF8;
    --brand-accent-indigo-main: #6366F1;
    --brand-accent-indigo-dark: #4F46E5;

    /* Neutral Colors - Modern Grays */
    --brand-neutral-white: #FFFFFF;
    --brand-neutral-gray-50: #F9FAFB;
    --brand-neutral-gray-100: #F3F4F6;
    --brand-neutral-gray-200: #E5E7EB;
    --brand-neutral-gray-300: #D1D5DB;
    --brand-neutral-gray-400: #9CA3AF;
    --brand-neutral-gray-500: #6B7280;
    --brand-neutral-gray-600: #4B5563;
    --brand-neutral-gray-700: #374151;
    --brand-neutral-gray-800: #1F2937;
    --brand-neutral-gray-900: #111827;
    --brand-neutral-black: #000000;

    /* Semantic Colors */
    --brand-success-light: #4ADE80;
    --brand-success-main: #22C55E;
    --brand-success-dark: #16A34A;

    --brand-warning-light: #FBBF24;
    --brand-warning-main: #F59E0B;
    --brand-warning-dark: #D97706;

    --brand-error-light: #F87171;
    --brand-error-main: #EF4444;
    --brand-error-dark: #DC2626;

    --brand-info-light: #22D3EE;
    --brand-info-main: #06B6D4;
    --brand-info-dark: #0891B2;

    /* Gradients - Blue & Purple Focused */
    --brand-gradient-primary-blue: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    --brand-gradient-blue-purple: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
    --brand-gradient-purple-vibrant: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    --brand-gradient-dark: linear-gradient(180deg, #1E3A8A 0%, #312E81 100%);
    --brand-gradient-dark-blue: linear-gradient(135deg, #1E40AF 0%, #1E3A8A 100%);
}