/**
 * Specific Pan American Styles
 */

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

:root {

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

    /* -------- Brand Colors -------- */
    --brand-primary: #041E42;
    --brand-accent: #C94A43; /* WCAG 1.4.3 change #D04D46 to #C94A43  */
    --overlay-color: #041E42;
    --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(45%) sepia(17%) saturate(2032%) hue-rotate(314deg) brightness(89%) contrast(103%);

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

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

    /*--btn-icon--light:              var(--brand-accent);*/
    --btn-icon--dark:               #fff;

    /*--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-primary);*/
    /*--cta-fg--dark:                 var(--brand-accent);*/

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

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