:root {

    --primary:#4F46E5;
    --primary-dark:#4338CA;

    --secondary:#06B6D4;

    --success:#10B981;
    --danger:#EF4444;
    --warning:#F59E0B;

    --dark:#0F172A;

    --text:#334155;

    --bg:#F8FAFC;

    --card:#FFFFFF;

    --border:#E2E8F0;

    --radius:20px;
}

/* =======================================
   GLOBAL
======================================= */

html{
    scroll-behavior:smooth;
}

body{

    font-family:'Inter',sans-serif;

    background:var(--bg);

    color:var(--text);

    overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6{

    font-weight:700;

    color:var(--dark);
}

.section-padding{

    padding:120px 0;
}

.text-primary-custom{

    color:var(--primary);
}

/* =======================================
   BUTTONS
======================================= */

.btn-primary-custom{

    background:linear-gradient(
        135deg,
        #4F46E5,
        #6366F1
    );

    border:none;

    color:#fff;

    padding:14px 28px;

    border-radius:14px;

    transition:.3s;
}

.btn-primary-custom:hover{

    transform:translateY(-3px);

    box-shadow:
        0 15px 40px
        rgba(79,70,229,.35);

    color:#fff;
}

/* =======================================
   DARK MODE
======================================= */

.dark-mode{

    background:#0F172A;

    color:#E2E8F0;
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4{

    color:#fff;
}