:root{

    /* ==========================
       COLORS
    ========================== */

    --primary:#FF8A00;     
    --secondary:#FFD700;    
    --accent:#FFB347;       

    --bg:#0B0B0F;
    --surface:#16161D;

    --white:#FFFFFF;
    --text:#D7D7D7;

    /* ==========================
       FONTS
    ========================== */

    --heading:'Space Grotesk',sans-serif;
    --body:'Poppins',sans-serif;

    /* ==========================
       RADIUS
    ========================== */

    --radius:16px;

    /* ==========================
       SHADOW
    ========================== */

    --shadow:0 15px 40px rgba(255,138,0,.15);

    /* ==========================
       TRANSITION
    ========================== */

    --transition:.35s ease;

}

/* ==========================
   LIGHT THEME
========================== */

.light-theme{

    --bg:#FFF8F1;
    --surface:#FFFFFF;

    --white:#1F2937;
    --text:#4B5563;

    --shadow:0 15px 40px rgba(255,138,0,.12);

}