// Colors

$dark: #393839;
$main-color: #B6862D;
$main-color-hover: #D89F37;
$secondary-main: #333333;
$gray: rgba(0, 0, 0, 0.20);
$light-gray: rgba(0, 0, 0, 0.06);

//Fonts

@mixin branded-font {
    font-family: 'Louis Global 2 Bold';
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.64px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@mixin base-font {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

// Functions

@function get-desktop-vw($target) {
    $vw-context: (1800 * 0.01) * 1px;
    @return ($target/$vw-context) * 1vw;
}

@function get-mobile-vw($target) {
    $vw-context: (320 * 0.01) * 1px;
    @return ($target/$vw-context) * 1vw;
}