:root {
    --c-bg-body: #131415;
    --c-bg-side: #131415;
    --c-bg-card: #1e1e1e;

    --c-border: #333333;
    --c-border-hover: #444444;

    --c-bg-footer: #18191a;

    --c-text-main: #ffffff;
    --c-text-muted: #8e8e8e;

    --content-max-width: 700px;
    --action_button-max-width: 500px;
    --header-height: 64px;
    --footer-height: 100px;
    --btn-bottom-gap: 25px;


    --c-accent-white: #ffffff;
    --c-accent-yellow: #f2c94c;
    --c-accent-orange: #f97316;
    --c-accent-green: #23ac5e;
    --c-accent-blue: #1865f2;
    --c-accent-purple: #9333ea;
    --c-accent-red: #eb5757;


   /* --font_main: 'Inter', sans-serif; */
}

:root {
    --c-success-bg: #1a2a21;
    --c-success-btn-shadow: #1b8a4b;
    --c-error-bg: #2b1d1d;
    --c-error-btn-shadow: #b84444;
    --c-check-btn-shadow: #1452c7;
    
    --footer-std-height: 120px; 
}



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

:root {
    --font_main: 'Fredoka', sans-serif;
}