/*
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);
    --pri:var(--primary);
    --pri-light:var(--primary-light);
    --secondary:var(--charcoal);
    --sec:var(--secondary);
    --secondary-dark:var(--black);
    --sec-dark:var(--secondary-dark);
	--tertiary:var(--stone);
    --ter:var(--tertiary);
    --tertiary-light:var(--stone-light);
    --ter-light:var(--tertiary-light);
    --tertiary-tint:var(--stone-tint);
    --ter-tint:var(--tertiary-tint);
    --thumbnail-border-color:var(--secondary-mid);
    --thumbnail-border-width:var(--sp05);
    --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(--ter);
    --bg-contact:var(--sec);
    --hov-contact:white;
    --bg-navbar:var(--pri);
    /* Menus */
    --col-menuitem:white;
    --col-menuitem-hover:var(--sec);
    --col-submenuitem-hover:white;
    --col-submenuitem:var(--sec);
    --bg-submenu:var(--ter);
    --menu-background:#fdd2b3;
    --menu-hover:var(--burgundy);
    --submenu-hover:white;
    --col-mobile-menuitem:var(--sec);
    --col-mobile-menuitem-hover:white;

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

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