/**
 * Specific Precision Styles
 */

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

:root {

    /* -------- Brand Font Styles -------- */
    --o-heading-font-family: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

    /* -------- Brand Colors -------- */
    --brand-primary: #233B84;
    --brand-accent: #01BAF8;  /* WCAG 1.4.3 change #01B1EC to #01BAF8 */
    --overlay-color: #223B84;
    --overlay-opacity: 0.73;

    /* for use in svg filters. @see https://angel-rs.github.io/css-color-filter-generator/ */
    --brand-accent-filter: brightness(0) saturate(100%) invert(70%) sepia(71%) saturate(5005%) hue-rotate(159deg) brightness(98%) contrast(99%);

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

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

    /*--btn-icon--light:              var(--brand-accent);*/
    /*--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:           var(--brand-accent);*/

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

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

    /* 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-primary);*/
}