/* ============================================
   TRUVERIF AI - BRAND COLOR SYSTEM
   ============================================
   
   All color variables are defined here.
   To change the brand color palette, edit this file only.
   
   ============================================ */

:root {
    /* ----------------------------------------
       PRIMARY BRAND COLORS
       ---------------------------------------- */
    --brand-primary: #1e3a8a;
    --brand-primary-hover: #0f172a;
    --brand-primary-light: #1e40af;
    --brand-primary-bg: #f8fafc;
    
    /* Secondary Accent */
    --brand-accent: #0ea5e9;
    --brand-accent-light: #06b6d4;
    
    /* ----------------------------------------
       NEUTRALS
       ---------------------------------------- */
    --neutral-50: #fafafa;
    --neutral-100: #f5f5f5;
    --neutral-200: #e5e5e5;
    --neutral-300: #d4d4d4;
    --neutral-400: #a3a3a3;
    --neutral-500: #737373;
    --neutral-600: #525252;
    --neutral-700: #404040;
    --neutral-800: #262626;
    --neutral-900: #171717;
    
    /* ----------------------------------------
       SEMANTIC COLORS
       ---------------------------------------- */
    --success: #10b981;
    --success-light: #34d399;
    --success-bg: #d1fae5;
    
    --warning: #f59e0b;
    --warning-light: #fbbf24;
    --warning-bg: #fef3c7;
    --warning-text: #92400e;
    
    --error: #ef4444;
    --error-dark: #dc2626;
    --error-light: #f87171;
    --error-bg: #fee2e2;
    --error-text: #991b1b;
    
    --info: #3b82f6;
    --info-light: #60a5fa;
    --info-bg: #dbeafe;
    --info-text: #1e40af;
    
    /* ----------------------------------------
       PREMIUM/PRO TIER
       ---------------------------------------- */
    --premium: #7c3aed;
    --premium-light: #a78bfa;
    --premium-bg: #ede9fe;
    --premium-text: #5b21b6;
    
    /* ----------------------------------------
       BACKGROUNDS
       ---------------------------------------- */
    --bg-primary: #ffffff;
    --bg-secondary: #fafafa;
    --bg-tertiary: #f5f5f5;
    --bg-elevated: #ffffff;
    --bg-hover: #e8eaed;
    --bg-overlay: rgba(0, 0, 0, 0.5);
    --bg-card: #ffffff;
    
    /* ----------------------------------------
       TEXT COLORS
       ---------------------------------------- */
    --text-primary: #171717;
    --text-secondary: #525252;
    --text-tertiary: #a3a3a3;
    --text-inverse: #ffffff;
    --text-muted: #a0a5b5;
    
    /* ----------------------------------------
       BORDERS
       ---------------------------------------- */
    --border-light: #f5f5f5;
    --border-medium: #e5e5e5;
    --border-dark: #d4d4d4;
    --border-color: #e5e5e5;
    
    /* ----------------------------------------
       ACCENT (for links, etc.)
       ---------------------------------------- */
    --accent-color: #1e3a8a;
    
    /* ----------------------------------------
       SHADOWS
       ---------------------------------------- */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    
    /* ----------------------------------------
       CODE BLOCKS
       ---------------------------------------- */
    --code-bg: #f6f8fa;
    --code-text: #24292e;
    --code-border: #e1e4e8;
    
    /* ----------------------------------------
       AI PROVIDER COLORS (do not change)
       ---------------------------------------- */
    --openai-color: #10a37f;
    --openai-bg: rgba(16, 163, 127, 0.08);
    --anthropic-color: #d97757;
    --anthropic-bg: rgba(217, 119, 87, 0.08);
    --google-color: #4285f4;
    --google-bg: rgba(66, 133, 244, 0.08);
    --xai-color: #1d9bf0;
    --xai-bg: rgba(29, 155, 240, 0.08);
    
    /* ----------------------------------------
       TIER BADGES
       ---------------------------------------- */
    --tier-free-bg: #dbeafe;
    --tier-free-text: #1e40af;
    --tier-basic-bg: #d1fae5;
    --tier-basic-text: #065f46;
    --tier-pro-bg: #ede9fe;
    --tier-pro-text: #5b21b6;
    --tier-admin-bg: #fef3c7;
    --tier-admin-text: #92400e;
    
    /* ----------------------------------------
       GRADIENTS (pricing page)
       ---------------------------------------- */
    --accent-gradient-start: #1e3a8a;
    --accent-gradient-end: #0ea5e9;
    --warning-red: #ef4444;
    --warning-red-bg: #fef2f2;
}

/* ============================================
   DARK MODE
   ============================================ */

[data-theme="dark"] {
    /* Primary Brand */
    --brand-primary: #60a5fa;
    --brand-primary-hover: #3b82f6;
    --brand-primary-light: #93c5fd;
    --brand-primary-bg: rgba(30, 58, 138, 0.15);
    
    /* Secondary Accent */
    --brand-accent: #22d3ee;
    --brand-accent-light: #67e8f9;
    
    /* Backgrounds */
    --bg-primary: #1a1a1a;
    --bg-secondary: #0f0f0f;
    --bg-tertiary: #262626;
    --bg-elevated: #262626;
    --bg-hover: #2a2a2a;
    --bg-overlay: rgba(0, 0, 0, 0.8);
    --bg-card: #262626;
    
    /* Text */
    --text-primary: #fafafa;
    --text-secondary: #a3a3a3;
    --text-tertiary: #737373;
    --text-inverse: #171717;
    --text-muted: #737373;
    
    /* Borders */
    --border-light: #262626;
    --border-medium: #404040;
    --border-dark: #525252;
    --border-color: #404040;
    
    /* Accent */
    --accent-color: #60a5fa;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.6);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.7);
    
    /* Semantic - adjusted for dark mode */
    --success: #34d399;
    --success-bg: rgba(16, 185, 129, 0.15);
    
    --warning: #fbbf24;
    --warning-bg: rgba(245, 158, 11, 0.15);
    
    --error: #f87171;
    --error-bg: rgba(239, 68, 68, 0.15);
    
    --info: #60a5fa;
    --info-bg: rgba(59, 130, 246, 0.15);
    
    /* Premium */
    --premium: #a78bfa;
    --premium-bg: rgba(139, 92, 246, 0.15);
    
    /* Code Blocks */
    --code-bg: #0d1117;
    --code-text: #e6edf3;
    --code-border: #30363d;
    
    /* Provider colors - dark mode */
    --openai-bg: rgba(16, 163, 127, 0.15);
    --anthropic-bg: rgba(217, 119, 87, 0.15);
    --google-bg: rgba(66, 133, 244, 0.15);
    --xai-bg: rgba(29, 155, 240, 0.15);
    
    /* Tier Badges - dark mode */
    --tier-free-bg: rgba(59, 130, 246, 0.2);
    --tier-free-text: #93c5fd;
    --tier-basic-bg: rgba(16, 185, 129, 0.2);
    --tier-basic-text: #6ee7b7;
    --tier-pro-bg: rgba(139, 92, 246, 0.2);
    --tier-pro-text: #c4b5fd;
    --tier-admin-bg: rgba(245, 158, 11, 0.2);
    --tier-admin-text: #fcd34d;
}