/* ACC brand (Brand Guidelines V5): fonts, colours, typography, buttons. */

@font-face { font-family: 'Figtree'; src: url('../brand/fonts/figtree-500.woff2') format('woff2'); font-weight: 300 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Figtree'; src: url('../brand/fonts/figtree-700.woff2') format('woff2'); font-weight: 600 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Hanken Grotesk'; src: url('../brand/fonts/hanken-grotesk-900.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }

/* Page modules saved with the old theme fonts render in the brand fonts
   (Divi's Google Fonts are switched off, so these names are free to reuse). */
@font-face { font-family: 'Playfair Display'; src: url('../brand/fonts/hanken-grotesk-900.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Lato'; src: url('../brand/fonts/figtree-500.woff2') format('woff2'); font-weight: 100 500; font-display: swap; }
@font-face { font-family: 'Lato'; src: url('../brand/fonts/figtree-700.woff2') format('woff2'); font-weight: 600 900; font-display: swap; }

:root {
    --acc-slate: #1d3447;
    --acc-green: #2f774e;
    --acc-teal: #66ccb2;
    --acc-arctic: #f0f5f7;
    --acc-yellow: #ffd93b;
    --acc-muted: #5b6f7f;
    --acc-line: #e3eaee;
    --acc-font-body: 'Figtree', Helvetica, Arial, sans-serif;
    --acc-font-display: 'Hanken Grotesk', 'Figtree', Helvetica, Arial, sans-serif;
}

body,
button,
input,
select,
textarea,
#main-content,
.et_pb_module {
    font-family: var(--acc-font-body);
}
body { color: var(--acc-slate); font-weight: 500; }

/* "body h1" etc. so these beat Divi's customizer CSS (h1,...,h6 {font-family: 'Playfair Display'}),
   which prints after this file. The .et_pb_module selectors already outrank it, and are left
   level with Divi's per-module heading font settings so those still apply. */
body h1, body h2,
.et_pb_module h1, .et_pb_module h2,
.entry-title, .et_pb_post_title h1 {
    font-family: var(--acc-font-display);
    font-weight: 900;
    letter-spacing: -0.01em;
}
body h3, body h4, body h5, body h6,
.et_pb_module h3, .et_pb_module h4, .et_pb_module h5, .et_pb_module h6 {
    font-family: var(--acc-font-body);
    font-weight: 700;
}
/* Heading colour comes from Divi's header_color (Blue Slate) so modules keep their own text colours. */

a { color: var(--acc-green); }
a:hover { color: var(--acc-slate); }

/* Buttons: brand font, bold, no all-caps. Their colours (Forest Green, white text, Blue Slate on
   hover) come from Divi's button options (set by scripts/apply-brand.php) and from style.css. */
body .et_pb_button,
body .et_pb_button:hover,
.et_pb_contact_submit,
.et_pb_newsletter_button,
.eo-booking-button,
input[type="submit"],
button[type="submit"] {
    font-family: var(--acc-font-body);
    font-weight: 700;
    text-transform: none;
}

/* Places the old child stylesheet named the old fonts. */
.eo-fullcalendar-shortcode .fc-toolbar h2 { font-family: var(--acc-font-display); font-weight: 900; }
#wp-calendar caption { font-family: var(--acc-font-body); }

::selection { background: var(--acc-teal); color: var(--acc-slate); }