/* ============================================================
   globals.css — Variables CSS, reset et styles de base
   ============================================================ */

/* ── Variables ─────────────────────────────────────────────── */
:root {
    --navy:              #0F1B2D;
    --blue-dark:         #1E3A5F;
    --blue:              #2E86C1;
    --blue-light:        #5DADE2;
    --gold:              #E8B84B;
    --bg:                #F0F4F8;
    --bg-card:           #FFFFFF;
    --text:              #1A2B3C;
    --text-muted:        #6B7F94;
    --border:            #D6E0EA;
    --success:           #2ECC71;
    --danger:            #E74C3C;
    --warning:           #F39C12;

    --sidebar-w:         260px;
    --sidebar-collapsed: 64px;
    --topbar-h:          60px;

    --shadow-sm:         0 1px 4px rgba(15,27,45,.08);
    --shadow-md:         0 4px 16px rgba(15,27,45,.12);
    --shadow-lg:         0 8px 32px rgba(15,27,45,.18);

    --radius:            10px;
    --radius-sm:         6px;
    --radius-lg:         14px;

    --transition:        .25s cubic-bezier(.4,0,.2,1);
    --transition-fast:   .15s ease;
}

/* ── Reset ─────────────────────────────────────────────────── */
*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    height: 100%;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    font-size: 14px;
    color: var(--text);
    background: var(--bg);
}

a { text-decoration: none; color: inherit; }

/* ── Scrollbars ────────────────────────────────────────────── */
::-webkit-scrollbar       { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 768px) {
    :root {
        --topbar-h: 56px;
        --sidebar-w: 280px;
    }
}