/* ============================================================
   nexoPilot V2 — global.css
   Variables CSS, reset, typographie
   Palette : SPEC nexoPilot V2 section 4.1
   ============================================================ */

:root {
    /* Couleurs principales */
    --color-primary:        #3498db;
    --color-primary-hover:  #2980b9;
    --color-header-bg:      #0d1b3e;
    --color-header-text:    #ffffff;
    --color-success:        #27ae60;
    --color-danger:         #e74c3c;
    --color-secondary:      #95a5a6;

    /* Fonds */
    --color-bg:             #f5f5f5;
    --color-white:          #ffffff;
    --color-table-header:   #f8f9fa;

    /* Bordures */
    --color-border:         #e0e0e0;
    --color-border-light:   #dee2e6;

    /* Textes */
    --color-text:           #2d2d2d;
    --color-text-muted:     #888;
    --color-label:          #555;

    /* Erreurs champs */
    --color-error-bg:       #ffebee;
    --color-error-border:   #ef5350;

    /* Pastilles licence */
    --color-pastille-active:   #27ae60;
    --color-pastille-inactive: #95a5a6;

    /* Alerte axes */
    --color-alert-bg:       #fff3cd;

    /* Layout */
    --sidebar-width:        240px;
}

/* ── Reset ────────────────────────────────────── */

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ── Typographie ──────────────────────────────── */

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.95rem;
    line-height: 1.5;
    color: var(--color-text);
    background: var(--color-bg);
}

h1, h2, h3, h4 {
    font-weight: 600;
    color: var(--color-text);
}

a {
    color: var(--color-primary);
    text-decoration: none;
}

a:hover {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

/* ── Utilitaires texte ────────────────────────── */

.text-muted { color: var(--color-text-muted); }
.text-success { color: var(--color-success); }
.text-danger { color: var(--color-danger); }
.text-primary { color: var(--color-primary); }