/*
Site-specific CSS variables.
*/

@font-face {
    font-family: 'Galano Grotesque';
    src: url('/fonts/galano-grotesque.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Galano Grotesque Bold';
    src: url('/fonts/galano-grotesque-bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Galano Grotesque Medium';
    src: url('/fonts/galano-grotesque-medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Galano Grotesque Italic';
    src: url('/fonts/galano-grotesque-italic.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Begum';
    src: url('/fonts/begum-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Begum';
    src: url('/fonts/begum-bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Begum';
    src: url('/fonts/begum-italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

:root{
    /*
	--burgundy:#64003b;
	--peach:#f3af8d;
	--mauve:#9583af;
	--burgundy-mid: #F2EBF4;
	--burgundy-dark: #3c122f;
	--peach-mid: #E8A57B;
	--peach-light: #fdece2;
    --peach-xlight: #fdefef;
    --peach-dark: #7B4533;
	--mauve-light: #ded9e7;
	--mauve-xlight: #F2EBF4;
	--mauve-xxlight: #f8f4fc;
    --dark-burgundy:#440328;
    --dark-plum: #3c122f;
    --mauve: #9583af;
    --purple: #35163c;
    --mauve-lt: #ded9e7;
    */
    --heading-font: 'Galano Grotesque Medium';
    --body-font: 'Galano Grotesque';
    --sage: #99a37d;
    --sage-dark: #8e9a64;
    --sage-light: #d0d8c9;
    --sage-mid: #c3cbb5;
    --stone: #c7c5bf;
    --charcoal: #33434c;
    --stone-light: #e3e2df;
    --stone-tint: #f4f3f2;
    --black:#000;
    --white:#fff;
    --gray-600: gray-600;

    --primary: var(--sage);
    --primary-light: var(--sage-light);

    --secondary: var(--charcoal);
    --secondary-dark: var(--black);
	--tertiary: var(--stone);
    --tertiary-light: var(--stone-light);
    --tertiary-tint: var(--stone-tint);
    --thumbnail-border-color: var(--secondary-mid);
    --thumbnail-border-width: var(--spacer05);
    --thumbnail-width: 300px;
    --thumbnail-height: 300px;
    --thumbnail-border-radius-tl: 50%;
    --thumbnail-border-radius-bl: 50%;
    --thumbnail-border-radius-tr: 50%;
    --thumbnail-border-radius-br: 50%;
    --bg-header: #f9f9f9;
    --bg-thumbnail-effect: rgba(232, 165, 123, 0.19);
    --black: #181213;
    --bg-staff-photo: #fff6f0;
    --bg-image: #fff6f0;
    --col-disclaimer: #888;
    /* Header */
    --bg-header: transparent;
    --col-contact: var(--tertiary);
    --bg-contact:  var(--secondary);
    --hov-contact: white;
    --bg-navbar: var(--primary);
    /* Menus */
    --col-menuitem: white;
    --col-menuitem-hover: var(--secondary);
    --col-submenuitem-hover: white;
    --col-submenuitem: var(--secondary);
    --bg-submenu: var(--tertiary);
    --menu-background: #fdd2b3;
    --menu-hover: var(--burgundy);
    --submenu-hover: white;
    --col-mobile-menuitem: var(--secondary);
    --col-mobile-menuitem-hover: white;

    /* Footer */
    --bg-footer: var(--secondary);
    --col-ft-h: var(--tertiary);
    --col-ft-text: white;
    --col-ft-hover: white;
    --col-ft-hr: var(--tertiary);
    --col-ft-a: var(--tertiary);
    
    /* Accordion */
    --bg-accordion: transparent;
    --col-accitem-border: var(--primary);
    --bg-acc-button: transparent;
    --bg-acc-button-hover: var(--secondary);
    --col-acc-button-hover: white;

    /* Pricing table */
    --col-td-pricing: var(--secondary);
    --col-th-pricing: var(--primary);
    /* Forms */
    --bg-input: transparent;
    --col-input-border: var(--primary);
    --bg-input-focus: var(--primary-light);
    --col-form-hr: var(--primary);
    --col-form-comment: grey;
    --col-listitem-label: var(--primary);
    --col-input-label: var(--secondary);
}