@import url('https://fonts.googleapis.com/css2?family=');
@import url('https://fonts.googleapis.com/css2?family=');

:root {
    --global-font-size: 16px;

    --title-font: PT Serif, serif;
    --standard-font: Open Sans, sans-serif;

    --primary-color: #372d1c;

    --light-color: #fdf8f0;

    --emphasis-color: #a8d59e;

    --primary-shade-50: #f9f3e8;
    --primary-shade-100: #e5dccc;
    --primary-shade-200: #d3c5ae;
    --primary-shade-300: #c1ad8d;
    --primary-shade-400: #b0966c;
    --primary-shade-500: #967c52;
    --primary-shade-600: #756140;
    --primary-shade-700: #53452d;
    --primary-shade-800: #33291a;
    --primary-shade-900: #140e02;

    --emphasis-shade-50: #ebf9e7;
    --emphasis-shade-100: #cde9c8;
    --emphasis-shade-200: #afd8a6;
    --emphasis-shade-300: #90c983;
    --emphasis-shade-400: #71ba61;
    --emphasis-shade-500: #58a047;
    --emphasis-shade-600: #447d37;
    --emphasis-shade-700: #305927;
    --emphasis-shade-800: #1b3515;
    --emphasis-shade-900: #051301;
}


  @font-face {
    font-family: custom-title-fontface;
    src: url('https://storage.googleapis.com/white-pine-cms-public/fonts/yogi-title-font.ttf');
    font-style: normal;
    font-weight: 700;
}

body.blockcms-booking {
    --title-font: 'custom-title-fontface';
    --nav-border-bottom: solid 0.2rem #2799CC;
}