/* ==============================
   VARIÁVEIS
============================== */

:root{

    /* Cores */
    /* background */

    --bg:#06121E;
    --bg-secondary:#0B1D2E;
    
    /* cards */
    
    --surface:#102235;

    --surface-hover:#14365b;

     /* Brand */

    --primary:#1E40AF;

    --secondary:#38BDF8;

    --accent:#22C55E;

        /* Text */

    --white:#FFFFFF;

    --text:#D5DFEA;

    --text-light:#A5B5C5;

        /* Borders */

    --border:rgba(255,255,255,.08);

    /* Tipografia */

    --title:'Poppins',sans-serif;

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

    /* Layout */

    --container:1200px;

        /* Effects */

    --radius:18px;

    --transition:.35s ease;

    --shadow:0 10px 40px rgba(0,0,0,.35);

}