@import url("/css/franchises/shared.css");

/* Optional font-family imports from centrally managed resources on Sirv */

@font-face {
    font-family: "VauxhallOpelNext";
    font-weight: 300;
    font-display: swap;
    src: url("https://bluesky.sirv.com/Global/Assets/Fonts/Vauxhall/2026/OpelNext.woff2") format("woff2"), 
}


@font-face {
    font-family: "VauxhallOpelNextBold";
    font-weight: 700;
    font-display: swap;
    src: url("https://bluesky.sirv.com/Global/Assets/Fonts/Vauxhall/2026/OpelNext-Bold.woff2") format("woff2"), 
}

@font-face {
    font-family: "VauxhallOpelNextLight";
    font-weight: 300;
    font-display: swap;
    src: url("https://bluesky.sirv.com/Global/Assets/Fonts/Vauxhall/2026/OpelNext-Light.woff2") format("woff2"), 
}


.vauxhall {

    /* Optionally set franchise font-family to match that in Sirv @font-face rules  */
    /* Styles in shared.css will fallback to --bs-body-font-family by default */
    --franchise-font-family: 'VauxhallOpelNext';

    /* Set franchise-specifc button colours */
    --franchise-primary: #cb0044;
    --franchise-secondary: #000;
    --franchise-tertiary: #cb0044;
    --franchise-primary-button-text: #fff;
    --franchise-hover-bg:  #000;
    --franchise-hover-text: #fff;

}