/* ============================================================
    COLIBRI DESIGN SYSTEM - GLOBAL VARIABLES (FINAL MERGED)
============================================================ */
:root {
    /* --- 1. CORE SURFACES --- */
    --bg-page: #f2f2f2;             /* Arrière-plan principal */
    --bg-surface: #f8f9fa;          /* Sidebar, headers, panels */
    --bg-card: #ffffff;             /* Cartes, modals, conteneurs */
    --bg-overlay: rgba(0, 0, 0, 0.4);
    --bg-input: #ffffff;
    --bg-tertiary: #e0e0e0;

    /* --- 2. TYPOGRAPHY & CONTENT --- */
    --text-main: #2D3748;           /* Texte principal (Headings, Body) */
    --text-subtle: #666666;         /* Métadonnées, descriptions */
    --text-disabled: #999999;       /* Placeholders, états désactivés */
    --text-on-accent: #ffffff;      /* Texte sur boutons primaires */
    --text-on-navy: #f8fafc;        /* Texte sur headers foncés */

    /* --- 3. BRAND & ACCENTS --- */
    /* Primary: Emerald Green (Standardisé pour toute l'app) */
    --brand-primary: #059669;
    --brand-primary-rgb: 5, 150, 105;
    --brand-primary-light: rgba(5, 150, 105, 0.1);
    --brand-primary-hover: #047857;

    /* Secondary: Navy / Dark Slate */
    --brand-secondary: #00516f;
    --brand-secondary-rgb: 0, 81, 111;
    --brand-secondary-light: rgba(0, 81, 111, 0.5);

    /* Navbar specific */
    --bg-navy-light: rgba(255, 255, 255, 0.12);
    --bg-navy-hover: rgba(255, 255, 255, 0.22);

    /* --- 4. FUNCTIONAL ACCENTS --- */
    --accent-blue: #3498db;         /* RAG, Info, Liens */
    --accent-purple: #9b59b6;       /* Calculs */
    --accent-orange: #e67e22;       /* Analyse, Warnings */
    --accent-teal: #1abc9c;         /* Génération */

    /* --- 5. STATE COLORS --- */
    --status-success: #059669;
    --status-error: #dc2626;        /* Erreurs, actions de suppression */
    --status-warning: #d97706;
    --status-info: var(--accent-blue);

    /* --- 6. BORDERS & DIVIDERS --- */
    --border-strong: #ccc;
    --border-medium: #e2e8f0;       /* Bordure standard */
    --border-light: #edf2f7;        /* Diviseurs subtils */

    /* --- 7. LEGAL PAGE SPECIFIC OVERRIDES --- */
    --legal-bg: #f8fafc;
    --legal-card-bg: #ffffff;
    --legal-text: #334155;
    --legal-heading: #0f172a;
    --legal-border: #e2e8f0;

    /* --- 8. COMPONENT MAPPINGS --- */
    /* History Bar */
    --history-bg: var(--bg-card);
    --history-header-bg: var(--bg-surface);
    --history-accent: var(--brand-primary);
    --history-accent-hover: var(--brand-secondary);
    --history-active-bg: #f0fdf4;
    --history-text-title: #111827;
    --history-text-meta: var(--text-subtle);
    --history-danger: var(--status-error);

    /* Source Cards */
    --source-card-shadow-color: var(--shadow-main);
    --source-card-border-color: var(--border-medium);
    --source-card-text-color: var(--text-subtle);
    --source-card-background-hover-color: var(--bg-surface);
    --source-card-highlight-color: var(--brand-primary);
    
    /* --- 9. AUTH & INTERACTION --- */
    --auth-bg-gradient-start: #fdfbfb;
    --auth-bg-gradient-end: #ebedee;
    --auth-circle-color: rgba(var(--brand-primary-rgb), 0.08);
    --google-btn-text: var(--text-main);
    --google-btn-bg: #ffffff;
    --google-btn-border: var(--border-medium);
    --input-focus-ring: rgba(var(--brand-primary-rgb), 0.2);
}