:root {

    /* =========================================
       Colors
    ========================================= */

    --primary: #c40000;
    --primary-dark: #a80000;
    --primary-light: #fff1f1;

    --secondary: #64748b;

    --body-bg: #f5f7fa;

    --white: #ffffff;

    --text-primary: #1f2937;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;

    --border-color: #e5e7eb;

    --success: #16a34a;
    --warning: #d97706;
    --danger: #dc2626;
    --info: #2563eb;


    /* =========================================
       Layout
    ========================================= */

    --sidebar-width: 250px;

    --topbar-height: 70px;

    --content-padding: 24px;


    /* =========================================
       Radius
    ========================================= */

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;


    /* =========================================
       Shadow
    ========================================= */

    --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.05);

    --shadow-md: 0 4px 20px rgba(15, 23, 42, 0.06);

    --shadow-lg: 0 8px 30px rgba(15, 23, 42, 0.08);


    /* =========================================
       Transition
    ========================================= */

    --transition: all 0.25s ease;

}