/**
 * BlueBoost - CSS Variables
 * Variables globales utilisées dans toute l'application
 */

:root {
    /* Primary colors - peuvent être surchargées dynamiquement */
    --primary-color: #5865F2;
    --secondary-color: #4752C4;

    /* Navigation */
    --nav-bg: #FFFFFF;
    --nav-border: #E8E8E8;
    --nav-text: #1D1C1D;
    --nav-text-secondary: #616061;
    --nav-hover: #F6F6F7;

    /* Status colors */
    --success-color: #2DA44E;
    --success-bg: #DAFBE1;
    --warning-color: #F5A623;
    --danger-color: #dc3545;
    --info-color: #0EA5E9;

    /* Text colors */
    --text-primary: #1D1C1D;
    --text-secondary: #616061;
    --text-muted: #8D8D8D;

    /* Background colors */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F6F6F7;
    --bg-tertiary: #EBEBEB;

    /* Border */
    --border-color: #E8E8E8;

    /* Border radius */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 16px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);

    /* Purple accent (for image generation) */
    --purple: #A855F7;
    --purple-light: #E879F9;
}

/* Dark mode variables */
[data-bs-theme="dark"] {
    --nav-bg: #1E1F22;
    --nav-border: #2D2F34;
    --nav-text: #F2F3F5;
    --nav-text-secondary: #B5BAC1;
    --nav-hover: #2B2D31;

    --text-primary: #F2F3F5;
    --text-secondary: #B5BAC1;
    --text-muted: #6D6F78;

    --bg-primary: #2B2D31;
    --bg-secondary: #1E1F22;
    --bg-tertiary: #36373D;

    --border-color: #3F4147;

    --bs-body-bg: #1A1B1E;
    --bs-body-color: #dee2e6;
    --bs-border-color: #2D2F34;
}