/* LNL Brand Styles Only */

/* LNL Brand Fonts */
@font-face {
    font-family: 'Bookmania';
    src: url('./fonts/bookmania/Bookmania-SemiBold.woff2') format('woff2'),
        url('./fonts/bookmania/Bookmania-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('./fonts/mulish/Mulish-Regular.woff2') format('woff2'),
        url('./fonts/mulish/Mulish-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('./fonts/mulish/Mulish-Light.woff2') format('woff2'),
        url('./fonts/mulish/Mulish-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Mulish';
    src: url('./fonts/mulish/Mulish-SemiBold.woff2') format('woff2'),
        url('./fonts/mulish/Mulish-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Buffalo';
    src: url('./fonts/buffalo/Buffalo-Regular.woff2') format('woff2'),
        url('./fonts/buffalo/Buffalo-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* LNL Brand Variables */
[data-brand="lnl"] {
    /* Font Family */
    --primary: 'Mulish';
    --secondary: 'Bookmania';
    --tertiary: 'Buffalo';

    /* Background */
    --Background-background-primary: #FFFFFF;
    --Background-background-secondary: #F8FAF7;
    --Background-background-tertiary: #F6F6F6;
    --Background-background-inverse: #092F2F;

    /* Surfaces */
    --Surfaces-surface-primary: #FFFFFF;
    --Surfaces-surface-overlay: rgba(0, 0, 0, 0.4);
    --Surfaces-brand-primary: #ABCECC;
    --Surfaces-brand-primary-hover: #769E9E;
    --Surfaces-brand-primary-muted: rgba(171, 206, 204, 0.50);
    --Surfaces-brand-primary-dim: rgba(171, 206, 204, 0.10);
    --Surfaces-brand-primary-faint: rgba(171, 206, 204, 0.05);
    --Surfaces-brand-secondary: #092F2F;
    --Surfaces-surface-accent: #EAF3F1;

    /* Text and Icon */
    --text-icon-remove-texticon-highcontrast: #092F2F;
    --text-icon-remove-texticon-mediumcontrast: #353535;
    --text-icon-remove-texticon-lowcontrast: #848D8D;
    --text-icon-remove-texticon-disabled: #CBD9D9;
    --text-icon-remove-texticon-inverse: #FFF;
    --text-icon-remove-texticon-accent: #4B7C7C;
    --text-icon-remove-texticon-primaryaction: #092F2F;

    /* Borders */
    --Border-border-highestcontrast: #000000;
    --Border-border-highcontrast: #949494;
    --Border-border-mediumcontrast: #BCBCBC;
    --Border-border-lowcontrast: #D9D9D9;
    --Border-border-lowestcontrast: #EAEFF3;
    --Border-border-focus: #ABCECC;

    --Red-700: #B91C1C;
    --vector-top: #f8fbfa;
}