/**
 * Advisemynt Brand Colors
 *
 * CSS custom properties (variables) for consistent brand color usage.
 * Based on official ADVISEMYNT brand guidelines.
 *
 * @package    Advisemynt
 * @since      1.0.0
 */

:root {
    /* ========================================================================
       PRIMARY BRAND COLORS
       ======================================================================== */
    
    /* Core logo blue - Used for "ADVISE" wordmark, primary buttons, main UI elements */
    --advisemynt-primary: #2175B6;
    --advisemynt-primary-dark: #1a5d8f;    /* For hover states */
    --advisemynt-primary-light: #3b8bc9;   /* For active states */
    
    /* Light blue - Used for "MYNT" wordmark, secondary accents, hover states */
    --advisemynt-secondary: #6DA8D9;
    --advisemynt-secondary-dark: #5591c4;  /* For hover states */
    --advisemynt-secondary-light: #8bbbdf; /* For active states */
    
    /* Very light blue - Subtle backgrounds, tints, UI washes */
    --advisemynt-accent-light: #AECEE9;
    
    /* ========================================================================
       NEUTRAL COLORS
       ======================================================================== */
    
    /* Charcoal - Icon shapes, strong text on light backgrounds */
    --advisemynt-charcoal: #323234;
    
    /* Gray - Taglines, secondary text, supporting content */
    --advisemynt-gray: #606161;
    --advisemynt-gray-light: #8a8a8b;     /* For lighter text */
    --advisemynt-gray-lighter: #d1d1d2;   /* For borders, dividers */
    
    /* White - Primary backgrounds, reversed logo */
    --advisemynt-white: #FFFFFF;
    
    /* ========================================================================
       SEMANTIC COLORS (Bootstrap-compatible)
       ======================================================================== */
    
    /* Success */
    --advisemynt-success: #28a745;
    --advisemynt-success-light: #d4edda;
    
    /* Warning */
    --advisemynt-warning: #ffc107;
    --advisemynt-warning-light: #fff3cd;
    
    /* Danger */
    --advisemynt-danger: #dc3545;
    --advisemynt-danger-light: #f8d7da;
    
    /* Info */
    --advisemynt-info: #17a2b8;
    --advisemynt-info-light: #d1ecf1;
    
    /* ========================================================================
       UI COMPONENT COLORS
       ======================================================================== */
    
    /* Buttons */
    --advisemynt-btn-primary-bg: var(--advisemynt-primary);
    --advisemynt-btn-primary-text: var(--advisemynt-white);
    --advisemynt-btn-primary-hover: var(--advisemynt-secondary);
    
    --advisemynt-btn-secondary-bg: var(--advisemynt-secondary);
    --advisemynt-btn-secondary-text: var(--advisemynt-white);
    --advisemynt-btn-secondary-hover: var(--advisemynt-primary);
    
    /* Links */
    --advisemynt-link-color: var(--advisemynt-primary);
    --advisemynt-link-hover: var(--advisemynt-secondary);
    
    /* Backgrounds */
    --advisemynt-bg-light: #f8f9fa;
    --advisemynt-bg-lighter: #fafbfc;
    --advisemynt-bg-dark: var(--advisemynt-charcoal);
    
    /* Borders */
    --advisemynt-border-color: var(--advisemynt-gray-lighter);
    --advisemynt-border-radius: 0.375rem;
    
    /* Shadows */
    --advisemynt-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --advisemynt-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --advisemynt-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

/* ========================================================================
   DASHBOARD WRAPPER SCOPING
   ======================================================================== */

/* Apply brand colors specifically within dashboard wrapper */
.advisemynt-dashboard-wrapper {
    /* Override Bootstrap primary color with brand primary */
    --bs-primary: var(--advisemynt-primary);
    --bs-primary-rgb: 33, 117, 182; /* #2175B6 in RGB */
    
    --bs-secondary: var(--advisemynt-secondary);
    --bs-secondary-rgb: 109, 168, 217; /* #6DA8D9 in RGB */
    
    --bs-link-color: var(--advisemynt-link-color);
    --bs-link-hover-color: var(--advisemynt-link-hover);
}
