/* Premium Brand Color System */
:root {
  /* Brand Primary Blues */
  --brand-blue-primary: #0055FF;
  --brand-blue-bright: #266FFF;
  --brand-blue-medium: #4E89FF;
  --brand-blue-light: #7DABFF;
  --brand-blue-deep: #1247B2;
  --brand-blue-navy: #1D3872;
  
  /* Brand Greens */
  --brand-green-deep: #05774A;
  --brand-green-medium: #138A5B;
  --brand-green-vibrant: #25A070;
  --brand-green-light: #5BBE98;
  
  /* Premium Dark Backgrounds */
  --brand-dark-forest: #0F1F1B;
  --brand-dark-primary: #101114;
  --brand-dark-green: #112B24;
  --brand-dark-blue: #141B29;
  --brand-dark-charcoal: #171B21;
  --brand-dark-slate: #20252E;
  
  /* Sophisticated Mid-tones */
  --brand-mid-blue: #1A2640;
  --brand-mid-green: #1B6049;
  --brand-mid-gray: #353C4A;
  --brand-mid-slate: #444C5C;
  --brand-mid-light: #5B657A;
  
  /* Premium Light Colors */
  --brand-light-blue: #C6DBFF;
  --brand-light-green: #AEE4CF;
  --brand-light-gray: #ABB6CC;
  --brand-light-neutral: #DDE1EB;
  --brand-ultra-light: #F2F5FA;
  
  /* Accent Colors */
  --brand-accent-red: #C22B49;
  --brand-accent-pink: #DC3A5A;
  --brand-accent-coral: #F05675;
  
  /* Primary colors (mapped to brand) */
  --color-primary: var(--brand-blue-primary);
  --color-primary-dark: var(--brand-blue-deep);
  --color-primary-light: var(--brand-blue-light);
  
  /* Neutral colors */
  --color-text: #ffffff;
  --color-text-secondary: rgba(255, 255, 255, 0.8);
  --color-text-muted: rgba(255, 255, 255, 0.6);
  --color-background: var(--brand-dark-primary);
  --color-background-secondary: var(--brand-dark-charcoal);
  --color-background-tertiary: var(--brand-mid-gray);
  --color-border: rgba(255, 255, 255, 0.1);
  --color-border-light: rgba(255, 255, 255, 0.05);
  
  /* Status colors */
  --color-success: var(--brand-green-vibrant);
  --color-success-light: var(--brand-green-light);
  --color-warning: #f1c21b;
  --color-warning-light: #fdd13a;
  --color-error: var(--brand-accent-red);
  --color-error-light: var(--brand-accent-pink);
  --color-info: var(--brand-blue-bright);
  --color-info-light: var(--brand-blue-medium);
  
  /* Premium accent colors */
  --color-accent-1: var(--brand-green-vibrant);
  --color-accent-2: var(--brand-blue-bright);
  
  /* Semantic colors */
  --text-primary: var(--color-text);
  --text-secondary: var(--color-text-secondary);
  --text-muted: var(--color-text-muted);
  --text-inverse: #ffffff;
  --text-on-primary: #ffffff;
  --text-on-dark: #ffffff;
  --text-on-light: var(--color-text);
  
  /* Background semantic colors */
  --bg-primary: var(--color-background);
  --bg-secondary: var(--color-background-secondary);
  --bg-tertiary: var(--color-background-tertiary);
  --bg-dark: #000000;
  --bg-dark-secondary: #0e0e12;
  --bg-overlay: rgba(0, 0, 0, 0.5);
  
  /* Interactive colors */
  --interactive-primary: var(--color-primary);
  --interactive-primary-hover: var(--color-primary-dark);
  --interactive-secondary: transparent;
  --interactive-secondary-hover: var(--color-primary);
  
  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(22, 22, 22, 0.08);
  --shadow-md: 0 4px 8px rgba(22, 22, 22, 0.12);
  --shadow-lg: 0 8px 16px rgba(22, 22, 22, 0.16);
  --shadow-xl: 0 12px 24px rgba(22, 22, 22, 0.20);
  
  /* Opacity levels */
  --opacity-disabled: 0.4;
  --opacity-muted: 0.6;
  --opacity-secondary: 0.7;
  --opacity-overlay: 0.9;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-text: #f4f4f4;
    --color-text-secondary: #c1c7cd;
    --color-background: #161616;
    --color-background-secondary: #262626;
    --color-border: #393939;
    
    /* Adjusted for dark mode */
    --color-primary: #4589ff;
    --color-primary-dark: #0f62fe;
    --color-success: #42be65;
    --color-warning: #f1c21b;
    --color-error: #ff8389;
    --color-accent-1: #3ddbd9;
    --color-accent-2: #8a3ffc;
  }
}