// Fonts
$font-default: "Rubik", sans-serif;

$font-h1: 46px;
$font-h2: 40px;
$font-h3: 36px;
$font-h4: 22px;
$font-h5: 36px;
$font-h6: 18px;
$font-size-banner: 60px;
$font-heading: 46px;
$font-sub-heading: 28px;
$font-text: 14px;
$font-brand: 30px;

$easing: cubic-bezier(0.25, 1.7, 0.35, 0.8);
$duration: 0.5s;




:root {


    --up-primary: #D5BC93;
    --brand-red: #BE3144;
    --brand-dark: #242424;
    --up-bg-section:#161616;



    --brand-heading: #0C0C0C;
    --brand-text: #767676;

    --brand-blue-900: #1C3F90;
    --brand-blue-100: #EEF1F8;

    --brand-green-900: #011E24;
    --brand-green-800: #323D46;
    --card-bg: #F5F5F5;
    --brand-grey:#DFDFDF;



    --white-color: #ffff;
    --grey-color-900: #34383B;
}