@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {

    --bg-main: #080808;

    --bg-card: #101010;

    --bg-card-hover: #151515;


    --border: #242424;

    --border-light: #303030;


    --text-main: #FFFFFF;

    --text-secondary: #999999;

    --text-muted: #666666;


    /* MAIN ACCENT BLUE */
    --accent: #2563EB;

}



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


html.light {


    --bg-main: #FFFFFF;


    --bg-card: #F7F7F7;


    --bg-card-hover: #F2F2F2;



    --border: #DDDDDD;


    --border-light: #CCCCCC;



    --text-main: #111111;


    --text-secondary: #555555;


    --text-muted: #777777;



    /* MAIN ACCENT BLUE */

    --accent: #2563EB;


}
html,
body {
    font-family: 'Manrope', sans-serif;
}