/* ========================================
   NUCCO DESIGN SYSTEM
======================================== */

:root{

    /* Brand Colors */
    --primary:#5B3DF5;
    --primary-dark:#4425D9;
    --secondary:#A855F7;

    /* Neutral Colors */
    --heading:#0F172A;
    --text:#64748B;
    --light:#94A3B8;

    --white:#FFFFFF;
    --background:#F8FAFC;
    --surface:#FFFFFF;
    --border:#E2E8F0;

    /* Status */
    --success:#22C55E;

    /* Layout */
    --container:1320px;

    /* Border Radius */
    --radius-sm:10px;
    --radius:18px;
    --radius-lg:30px;
    --radius-pill:999px;

    /* Shadows */
    --shadow-sm:0 10px 25px rgba(15,23,42,.05);
    --shadow:0 20px 60px rgba(15,23,42,.08);
    --shadow-lg:0 30px 80px rgba(15,23,42,.12);

    /* Transition */
    --transition:.35s ease;

}




/* ========================================
   RESET
======================================== */

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

body{
    margin:0;
    font-family:Inter, Arial, sans-serif;
    background:#F8FAFC;
}

.container{
    width:min(1320px,92%);
    margin:0 auto;
}