@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --background: #F3F5F7;
    --text: #25364B;
    --text-light: #759295;
    --primary: #336056;
    --secondary: #F3822B;
    --blue-boy: #515ED5;
    --pink-girl: #f1a1b9;
    --white: #FFF;
    --input-border: #D7E0E0;
    --input-background: #EEF2F2;
    --input-placeholder: #8F9398;

    --radius: 8px;
    --radius-2x: 16px;
}

.bg-primary {
    background-color: var(--primary);
}