/* ===============================
   GLOBAL THEME VARIABLES
================================ */

:root {
    --bg-main: #2c2e37;
    --bg-sidebar: #232428;
    --bg-navbar: #151515; 
    --bg-card: #1f2937;

    --primary: #b5b5b5;
    --primary-hover: white;

    --secondary: rgb(255, 74, 74);

    --text-main: #f3f4f6;
    --text-muted: #9ca3af;

    --border-color: #2a3441;

    --radius: 12px;
    --transition: 0.3s ease;
}

/* ===============================
   BODY
================================ */

body {
    background-color: var(--bg-main);
    color: var(--text-main);
    font-family: "Inter", sans-serif;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}

/* ===============================
   CONTENT AREA
================================ */

.content {
    margin-left: 130px;
    padding: 60px 30px 30px 30px;
    transition: var(--transition);
}


.content-no-sidebar {
    margin-left: 0;   /* pas de sidebar donc pas de décalage */
    padding: 90px 20px 20px 20px;
}

/* Responsive content when sidebar collapses */
@media (max-width: 992px) {
    .content {
        margin-left: 0;
        padding: 90px 20px 20px 20px;
    }
}