/**
 * Branded Color Palette
 * Updated to use the new brand colors from the provided palette
 */

:root {
    /* Brand Colors - Primary Palette */
    --brand-teal: #1f5f7a;
    --brand-orange: #ff9966;
    --brand-green: #a4c639;
    --brand-blue: #6699cc;
    
    /* Brand Color Variations */
    --brand-teal-light: #2a7a9a;
    --brand-teal-dark: #1a4f65;
    --brand-orange-light: #ffb380;
    --brand-orange-dark: #e6804d;
    --brand-green-light: #b8d654;
    --brand-green-dark: #8fb020;
    --brand-blue-light: #80b3e6;
    --brand-blue-dark: #4d80b3;
    
    /* Updated Primary Colors */
    --primary-gradient: linear-gradient(135deg, var(--brand-teal) 0%, var(--brand-blue) 100%);
    --primary-color: var(--brand-teal);
    --primary-light: var(--brand-teal-light);
    --primary-dark: var(--brand-teal-dark);
    
    /* Secondary Colors */
    --secondary-color: var(--brand-orange);
    --secondary-light: var(--brand-orange-light);
    --secondary-dark: var(--brand-orange-dark);
    
    /* Accent Colors */
    --accent-color: var(--brand-green);
    --accent-light: var(--brand-green-light);
    --accent-dark: var(--brand-green-dark);
    
    /* Info Color */
    --info-color: var(--brand-blue);
    --info-light: var(--brand-blue-light);
    --info-dark: var(--brand-blue-dark);
    
    /* Semantic Colors (keeping existing for consistency) */
    --success: #28a745;
    --success-light: #d4edda;
    --success-border: #c3e6cb;
    --warning: var(--brand-orange);
    --warning-light: #fff3cd;
    --warning-border: #ffeaa7;
    --danger: #dc3545;
    --danger-light: #f8d7da;
    --danger-border: #f5c6cb;
    
    /* Neutral Colors (keeping existing) */
    --white: #ffffff;
    --gray-50: #f8f9fa;
    --gray-100: #f1f3f4;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --black: #000000;
    
    /* Text Colors */
    --text-primary: #333333;
    --text-secondary: #555555;
    --text-muted: #6c757d;
    --text-light: #ffffff;
    --text-brand: var(--brand-teal);
    
    /* Background Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #e9ecef;
    --bg-overlay: rgba(31, 95, 122, 0.5);
    --bg-brand-light: rgba(31, 95, 122, 0.1);
    
    /* Border Colors */
    --border-light: #e0e0e0;
    --border-medium: #dee2e6;
    --border-dark: #ced4da;
    --border-brand: var(--brand-teal);
    
    /* Shadows with brand colors */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 4px 12px rgba(31, 95, 122, 0.4);
    --shadow-xl: 0 4px 20px rgba(0, 0, 0, 0.3);
    --shadow-focus: 0 0 0 3px rgba(31, 95, 122, 0.1);
    --shadow-brand: 0 4px 12px rgba(31, 95, 122, 0.3);
}

/* Brand-specific utility classes */
.text-brand { color: var(--brand-teal); }
.text-brand-orange { color: var(--brand-orange); }
.text-brand-green { color: var(--brand-green); }
.text-brand-blue { color: var(--brand-blue); }

.bg-brand { background-color: var(--brand-teal); }
.bg-brand-orange { background-color: var(--brand-orange); }
.bg-brand-green { background-color: var(--brand-green); }
.bg-brand-blue { background-color: var(--brand-blue); }

.border-brand { border-color: var(--brand-teal); }
.border-brand-orange { border-color: var(--brand-orange); }
.border-brand-green { border-color: var(--brand-green); }
.border-brand-blue { border-color: var(--brand-blue); }

/* Brand gradient backgrounds */
.bg-brand-gradient { background: var(--primary-gradient); }
.bg-brand-gradient-orange { background: linear-gradient(135deg, var(--brand-orange) 0%, var(--brand-orange-light) 100%); }
.bg-brand-gradient-green { background: linear-gradient(135deg, var(--brand-green) 0%, var(--brand-green-light) 100%); }
.bg-brand-gradient-blue { background: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-blue-light) 100%); }