/* THOR Engineering - Dual Theme System
 * Public Pages: Orange + Sarabun
 * Admin/Service Pages: Blue + Prompt
 */

:root {
    /* Orange Theme - Public Pages */
    --thorOrange: #FF6600;
    --thorOrangeDark: #FF4500;
    --thorOrangeLight: #FF8533;
    
    /* Alias for kebab-case compatibility */
    --thor-orange: var(--thorOrange);
    --thor-orange-dark: var(--thorOrangeDark);
    --thor-orange-light: var(--thorOrangeLight);
    
    /* Blue Theme - Admin/Service Pages */
    --thorBlue: #0056b3;
    --thorBlueDark: #003f80;
    --thorBlueLight: #e6f0ff;
    
    /* Alias for kebab-case compatibility */
    --thor-blue: var(--thorBlue);
    --thor-blue-dark: var(--thorBlueDark);
    --thor-blue-light: var(--thorBlueLight);
    
    /* Neutral Colors */
    --thorText: #111111;
    --thorTextLight: #666666;
    --thorTextLighter: #999999;
    --thorBg: #ffffff;
    --thorBgLight: #F8F9FA;
    --thorBgDark: #2C2C2C;
    --thorBlack: #1A1A1A;
    
    /* Alias for kebab-case compatibility */
    --thor-black: var(--thorBlack);
    --thor-dark-gray: var(--thorBgDark);
    --thor-medium-gray: var(--thorTextLight);
    --thor-light-gray: var(--thorBgLight);
    --thor-border: var(--thorGray200);
    --text-white: #FFFFFF;
    --success-green: var(--thorSuccess);
    
    /* Gray Scale */
    --thorGray50: #F9FAFB;
    --thorGray100: #F3F4F6;
    --thorGray200: #E5E7EB;
    --thorGray300: #D1D5DB;
    --thorGray400: #9CA3AF;
    --thorGray500: #6B7280;
    --thorGray600: #4B5563;
    --thorGray700: #374151;
    --thorGray800: #1F2937;
    --thorGray900: #111827;
    
    /* Status Colors */
    --thorSuccess: #10B981;
    --thorError: #e31e24;
    --thorWarning: #F59E0B;
    --thorInfo: #3B82F6;
    
    /* Shadows */
    --thorShadowSm: 0 1px 3px rgba(0,0,0,0.05);
    --thorShadowMd: 0 4px 6px rgba(0,0,0,0.07);
    --thorShadowLg: 0 10px 25px rgba(0,0,0,0.1);
    --thorShadowXl: 0 20px 40px rgba(0,0,0,0.12);
    
    /* Alias for kebab-case compatibility */
    --shadow-sm: var(--thorShadowSm);
    --shadow-md: var(--thorShadowMd);
    --shadow-lg: var(--thorShadowLg);
    --shadow-xl: var(--thorShadowXl);
    
    /* Border Radius */
    --thorRadiusSm: 0.375rem;
    --thorRadiusMd: 0.5rem;
    --thorRadiusLg: 0.75rem;
    --thorRadiusXl: 1rem;
}

/* Utility Classes */
.thor-text-orange {
    color: var(--thorOrange);
}

.thor-bg-orange {
    background-color: var(--thorOrange);
}

.thor-text-blue {
    color: var(--thorBlue);
}

.thor-bg-blue {
    background-color: var(--thorBlue);
}