:root{

    /* ===========================
       COLORES
    =========================== */

    --bg:#121212;
    --sidebar:#1b1b1b;
    --card:#1d1d1d;

    --border:#2b2b2b;

    --primary:#c9a86a;
    --primary-hover:#d7b676;

    --text:#ffffff;
    --text-muted:#9a9a9a;
    --text-soft:#6f6f6f;

    --danger:#d9534f;
    --success:#28a745;
    --warning:#ffc107;

    /* ===========================
       MEDIDAS
    =========================== */

    --sidebar-width:230px;

    --topbar-height:75px;

    --radius:12px;

    --radius-lg:18px;

    /* ===========================
       ESPACIADOS
    =========================== */

    --space-xs:6px;
    --space-sm:10px;
    --space-md:18px;
    --space-lg:28px;
    --space-xl:40px;

    /* ===========================
       SOMBRAS
    =========================== */

    --shadow:0 8px 30px rgba(0,0,0,.25);

    /* ===========================
       ANIMACIONES
    =========================== */

    --transition:.25s ease;

}