/**
 * Specific Robertson Styles
 */

@font-face {
    font-family: 'Raleway';
    src: url('../../fonts/raleway/Raleway-Bold.woff2') format("woff2"),
    url('../../fonts/raleway/Raleway-Bold.woff') format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('../../fonts/raleway/Raleway-BoldItalic.woff2') format("woff2"),
    url('../../fonts/raleway/Raleway-BoldItalic.woff') format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

:root {

    /* -------- Brand Font Styles -------- */
    --o-heading-alt-font-family: 'Raleway', Roboto, 'Helvetica Neue', Arial, sans-serif;

    /* -------- Brand Colors -------- */
    --brand-primary: #231F20;
    --brand-accent: #C61D23; /* #F34045 -- modified red they don't like */
    --overlay-color: #231F20;
    --overlay-opacity: 0.63;

    /* for use in svg filters. @see https://angel-rs.github.io/css-color-filter-generator/ */
    /*--brand-accent-filter: brightness(0) saturate(100%) invert(43%) sepia(38%) saturate(1181%) hue-rotate(312deg) brightness(89%) contrast(119%);*/
    --brand-accent-filter: brightness(0) invert(100%);

    /* -------- Semantic tokens: per-mode variants -------- */
    /* Buttons */
    /*--btn-bg--light:                var(--brand-primary);*/
    --btn-bg--dark:                 #fff;

    /*--btn-fg--light:                #fff;*/
    --btn-fg--dark:                 #000;

    --btn-icon--light:              #fff;
    --btn-icon--dark:               #000;

    /*--btn-bg-hover--light:          transparent;*/
    /*--btn-bg-hover--dark:           transparent;*/

    /*--btn-fg-hover--light:          var(--brand-primary);*/
    --btn-fg-hover--dark:           #fff;

    /* CTA links */
    --cta-fg--light:                var(--brand-accent);
    --cta-fg--dark:                 #fff;

    --cta-fg-hover--light:          #fff;
    --cta-fg-hover--dark:           #000;

    /* Mega Menu Links */
    /*--mega-menu-link-color:         var(--brand-primary);*/
    --mega-menu-active-color:       #fff;
    /*--mm-callout-bg--dark:          var(--brand-primary);*/
    --mm-callout-bg--accent:          transparent;
    /*--mm-callout-border--accent:      var(--brand-accent);*/
}