/* ==========================================
   NOMYOM GAMES DESIGN SYSTEM
========================================== */

:root{

    /* Colors */

    --bg:#0F172A;

    --surface:#1E293B;

    --surface-light:#273549;

    --primary:#3B82F6;

    --primary-hover:#2563EB;

    --accent:#22C55E;

    --danger:#EF4444;

    --text:#F8FAFC;

    --text-light:#CBD5E1;

    --muted:#94A3B8;

    --border:#334155;

    /* Radius */

    --radius-sm:10px;

    --radius:18px;

    --radius-lg:28px;

    /* Shadows */

    --shadow:

    0 15px 35px rgba(0,0,0,.25);

    /* Layout */

    --container:1350px;

    --transition:.25s ease;

}

/* ========================================== */

*{

margin:0;

padding:0;

box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

background:var(--bg);

color:var(--text);

font-family:"Poppins",sans-serif;

overflow-x:hidden;

}

/* ==========================================
   LAYOUT
========================================== */

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