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

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

    --title-font: Wellfleet, serif;
    --standard-font: Open Sans, sans-serif;

    --primary-color: #372d1c;

    --light-color: #fef8f1;

    --emphasis-color: #73C167;

    --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: #e8fae6;
    --emphasis-shade-100: #caeac5;
    --emphasis-shade-200: #aadaa2;
    --emphasis-shade-300: #89cb7f;
    --emphasis-shade-400: #69bd5c;
    --emphasis-shade-500: #4fa342;
    --emphasis-shade-600: #3d7f33;
    --emphasis-shade-700: #2a5b23;
    --emphasis-shade-800: #163713;
    --emphasis-shade-900: #021400;
}


  @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;
}