:root {
    /* VISTA -- BENTALL GREEN OAK */

    /* ===== FONTS ===== */
    --primary_font: quasimoda, sans-serif;
    --secondary_font: quasimoda, sans-serif;

    /* ===== COLOURS ===== */
    /* Brand Colours - with HSL values for colour manipulation */
    --primary-color: #374981;
    --primary-color-h: 225;
    --primary-color-s: 40%;
    --primary-color-l: 36%;
    --primary-color-hsl: var(--primary-color-h), var(--primary-color-s), var(--primary-color-l);

    --secondary-color: #3a7664;
    --secondary-color-h: 162;
    --secondary-color-s: 34%;
    --secondary-color-l: 35%;
    --secondary-color-hsl: var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l);

    --tertiary-color: #676d72;
    --tertiary-color-h: 207;
    --tertiary-color-s: 5%;
    --tertiary-color-l: 43%;
    --tertiary-color-hsl: var(--tertiary-color-h), var(--tertiary-color-s), var(--tertiary-color-l);

    /* Theme Colours */
    --brand_action_color: var(--primary-color);
    --brand_action_light: hsl(var(--primary-color-h), calc(var(--primary-color-s) / 1.7), calc(var(--primary-color-l) / 0.3));
    --brand_action_dark: hsl(var(--primary-color-h), calc(var(--primary-color-s) * 1.5), calc(var(--primary-color-l) * 0.5));
    --brand_accent_color: var(--secondary-color);
    --brand_accent_light: hsl(var(--secondary-color-h), calc(var(--secondary-color-s) / 1.5), calc(var(--secondary-color-l) / 0.5));
    --brand_accent_dark: hsl(var(--secondary-color-h), calc(var(--secondary-color-s) * 1.7), calc(var(--secondary-color-l) * 0.3));

    --text_accent_color: var(--primary-color);
    --text_body_color: #454545;
    --text_light_variant: #7D7D7D;

    /* Additional Theme Colours */
    /*--black: #000000;*/
    /*--white: #ffffff;*/
    /*--brand_light_variant: var(--brand_accent_light);*/
    /*--brand_dark_variant: #0c9653;*/
    /*--brand_light_bg_color: var(--brand_action_light);*/
    /*--brand_dark: #1d1d1d;*/
    /*--brand_darker: #030303;*/
    /*--brand_action_contrast: var(--brand_action_dark);*/
    /*--brand_action_contrast_fg: var(--white);*/

    --brand_action_shadow: hsla(var(--primary-color-hsl), .6);
    --brand_bg_overlay_light_20: hsla(var(--primary-color-hsl), .2);
    --brand_bg_overlay_light_70: hsla(var(--primary-color-hsl), 0.7);
    --brand_bg_overlay_action_60: hsla(var(--primary-color-hsl), .6);
    --brand_bg_overlay_action_80: hsla(var(--primary-color-hsl), .8);
    --brand_bg_overlay_action_90: hsla(var(--primary-color-hsl), .9);
    --brand_bg_overlay_accent_60: hsla(var(--secondary-color-hsl), .6);
    --brand_bg_overlay_accent_90: hsla(var(--secondary-color-hsl), .9);

    --branded_loader_outer: hsl(var(--primary-color-h), calc(var(--primary-color-s) * 1.5), calc(var(--primary-color-l) * 0.5));
    --branded_loader_middle: var(--primary-color);
    --branded_loader_inner: hsl(var(--primary-color-h), calc(var(--primary-color-s) / 1.5), calc(var(--primary-color-l) / 0.5));

    /* ===== TYPOGRAPHY SETTINGS ===== */
    /* Typography Colours */
    /*--type_primary_brand_color: var(--brand_action_color);*/
    /*--type_lt_variant_brand_color: var(--brand_light_variant);*/
    /*--type_brand_accent: var(--brand_accent_color);*/
    /*--type_titles: var(--text_accent_color);*/
    /*--type_body: var(--text_body_color);*/
    /*--type_light: var(--text_light_variant);*/
    /*--type_white: var(--white);*/
    /*--type_lt: #ebebeb;*/
    /*--type_med: #c7c7c7;*/
    /*--type_blk: var(--black);*/

    /* Heading 1 */
    /*--heading_one_font_family: var(--secondary_font);*/
    /*--heading_one_font_size: 58px;*/
    /*--heading_one_font_size_desktop: 48px;*/
    /*--heading_one_font_size_tablet: 43px;*/
    /*--heading_one_font_size_mobile: 33px;*/
    /*--heading_one_font_weight: 600;*/

    /* Heading 2 */
    /*--heading_two_font_family: var(--primary_font);*/
    /*--heading_two_font_size: 24px;*/
    /*--heading_two_font_size_desktop: 22px;*/
    /*--heading_two_font_size_tablet: 20px;*/
    /*--heading_two_font_size_mobile: 18px;*/
    /*--heading_two_font_weight: 600;*/

    /* Heading 3 */
    /*--heading_three_font_family: var(--primary_font);*/
    /*--heading_three_font_size: 24px;*/
    /*--heading_three_font_weight: 500;*/

    /* Heading 4 */
    /*--heading_four_font_family: var(--secondary_font);*/
    /*--heading_four_font_size: 23px;*/
    /*--heading_four_font_weight: 500;*/

    /* Heading 5 */
    /*--heading_five_font_family: var(--primary_font);*/
    /*--heading_five_font_size: 18px;*/
    /*--heading_five_font_weight: 500;*/

    /* Heading 6 */
    /*--heading_six_font_family: var(--primary_font);*/
    /*--heading_six_font_size: 16px;*/
    /*--heading_six_font_weight: 500;*/

    /* Body Text */
    /*--body_font_family: var(--primary_font);*/
    /*--body_font_size: 18px;*/
    /*--body_font_weight: 500;*/
    /*--btn_font_weight: 600;*/

    /* Nav Text */
    /*--nav_font_family: var(--primary_font);*/
    /*--nav_font_size: 18px;*/
    --header_booking_btn_bg: var(--brand_action_color);
    /*--header_booking_btn_fg: var(--white);*/
    --header_booking_btn_bg_hover: var(--brand_accent_color);
    /*--header_booking_btn_fg_hover: var(--white);*/
    /*--menu_booking_btn_bg: var(--white);*/
    /*--menu_booking_btn_fg: var(--brand_action_contrast);*/
    /*--menu_booking_btn_bg_hover: var(--white);*/
    /*--menu_booking_btn_fg_hover: var(--brand_action_contrast);*/
    /*--menu_booking_btn_opacity_hover: 0.9;*/
    /*--menu_font_family: var(--primary_font);*/
    /*--menu_font_size: 16px;*/
    /*--menu_font_weight: 700;*/
    /*--menu_item_color: var(--brand_action_color);*/
    /*--menu_item_underline_color: var(--brand_action_color);*/

    /* ===== Global Variables ===== */
    /*--default_font_size: var(--body_font_size);*/
    /*--default_font_weight: var(--body_font_weight);*/
    /*--transition: all 300ms ease-in-out;*/
    /*--menu_transition: all 0.5s ease-in-out;*/
    /*--main_site_bg_color: var(--white);*/

    /* ===== Main Button variables ===== */
    /*--main_button_font: var(--primary_font);*/
    /*--main_button_font_size: 18px;*/
    /*--main_button_mobile_font_size: 14px;*/
    /*--main_button_font_weight: 500;*/
    /*--main_button_border_radius: 0;*/
    /*--main_button_text_align: center;*/
    /*--main_button_line_height: normal;*/

    /* ===== Logo Size ===== */
    /*--header-logo-max-width-desktop: 500px;*/
    /*--header-logo-max-width-medium: 350px;*/
    /*--header-logo-max-width-small: 250px;*/
    /*--header-logo-max-width-phone-wide: 275px;*/
    /*--header-logo-max-width-phone: 200px;*/

    /* ===== Misc. Options ===== */
    /*----homepage-hero-overlay: rgba(0, 0, 0, 0.35);*/
}