/* Cormorant Garamond */
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/CormorantGaramond-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}

/* Cormorant Garamond (Italic) */
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/CormorantGaramond-Italic-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 300 700;
    font-style: italic;
    font-display: swap;
}

/* TheNautigal */
@font-face {
    font-family: 'TheNautigal';
    src: url('/fonts/TheNautigal-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TheNautigal';
    src: url('/fonts/TheNautigal-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/*Adjust aside needed form application*/
:root,
:root[bit-theme="dark"],
:root[bit-theme="fluent-dark"] {
    color-scheme: dark;
    /*Primary (brand red #AB0330 - monochrome scale, same hue as sec/ter)*/
    --bit-clr-pri: #AB0330;
    --bit-clr-pri-hover: #A2032E;
    --bit-clr-pri-active: #98032B;
    --bit-clr-pri-dark: #840225;
    --bit-clr-pri-dark-hover: #7D0223;
    --bit-clr-pri-dark-active: #750221;
    --bit-clr-pri-light: #BABABA;
    --bit-clr-pri-light-hover: #A3A3A3;
    --bit-clr-pri-light-active: #8B8B8B;
    /* Contrast color for text/icons drawn on top of --bit-clr-pri itself (Bit.BlazorUI's own
       convention - buttons, badges, active nav item, our header/floating-buttons/cookie-banner
       all read this). White because our primary is a dark, saturated red. */
    --bit-clr-pri-text: #FFFFFF;
    /*Secondary (deep wine/maroon - same hue as pri, one step darker)*/
    --bit-clr-sec: #6E021F;
    --bit-clr-sec-hover: #69021D;
    --bit-clr-sec-active: #62021C;
    --bit-clr-sec-dark: #550118;
    --bit-clr-sec-dark-hover: #510117;
    --bit-clr-sec-dark-active: #4C0115;
    --bit-clr-sec-light: #ADADAD;
    --bit-clr-sec-light-hover: #929292;
    --bit-clr-sec-light-active: #767676;
    --bit-clr-sec-text: #FFFFFF;
    /*Tertiary (muted warm gray - same hue as pri/sec, heavily desaturated)*/
    --bit-clr-ter: #4D393E;
    --bit-clr-ter-hover: #49363B;
    --bit-clr-ter-active: #453337;
    --bit-clr-ter-dark: #3B2C30;
    --bit-clr-ter-dark-hover: #382A2E;
    --bit-clr-ter-dark-active: #35272B;
    --bit-clr-ter-light: #BBA9AE;
    --bit-clr-ter-light-hover: #A48B92;
    --bit-clr-ter-light-active: #8C6E76;
    --bit-clr-ter-text: #FFFFFF;
    /*Info*/
    --bit-clr-inf: #888F95;
    --bit-clr-inf-hover: #81888E;
    --bit-clr-inf-active: #7A8186;
    --bit-clr-inf-dark: #5E656B;
    --bit-clr-inf-dark-hover: #596066;
    --bit-clr-inf-dark-active: #555B60;
    --bit-clr-inf-light: #C3C7CA;
    --bit-clr-inf-light-hover: #B8BCBF;
    --bit-clr-inf-light-active: #ACB1B5;
    --bit-clr-inf-text: #FFFFFF;
    /*Success*/
    --bit-clr-suc: #49A94C;
    --bit-clr-suc-hover: #45A148;
    --bit-clr-suc-active: #429844;
    --bit-clr-suc-dark: #318734;
    --bit-clr-suc-dark-hover: #2F8031;
    --bit-clr-suc-dark-active: #2C792F;
    --bit-clr-suc-light: #A4D4A5;
    --bit-clr-suc-light-hover: #92CB94;
    --bit-clr-suc-light-active: #80C382;
    --bit-clr-suc-text: #FFFFFF;
    /*Warning*/
    --bit-clr-wrn: #F2B01F;
    --bit-clr-wrn-hover: #E6A71D;
    --bit-clr-wrn-active: #DA9E1C;
    --bit-clr-wrn-dark: #D4950D;
    --bit-clr-wrn-dark-hover: #C98E0C;
    --bit-clr-wrn-dark-active: #BF860C;
    --bit-clr-wrn-light: #F9D78F;
    --bit-clr-wrn-light-hover: #F7D079;
    --bit-clr-wrn-light-active: #F6C862;
    --bit-clr-wrn-text: #FFFFFF;
    /*Severe-warning*/
    --bit-clr-swr: #D47E30;
    --bit-clr-swr-hover: #C9782E;
    --bit-clr-swr-active: #BF712B;
    --bit-clr-swr-dark: #B2641D;
    --bit-clr-swr-dark-hover: #A95F1C;
    --bit-clr-swr-dark-active: #A05A1A;
    --bit-clr-swr-light: #DF9E64;
    --bit-clr-swr-light-hover: #DD9859;
    --bit-clr-swr-light-active: #DA914F;
    --bit-clr-swr-text: #FFFFFF;
    /*Error*/
    --bit-clr-err: #DF3A2E;
    --bit-clr-err-hover: #D4372C;
    --bit-clr-err-active: #C93429;
    --bit-clr-err-dark: #BF261B;
    --bit-clr-err-dark-hover: #B5241A;
    --bit-clr-err-dark-active: #AC2218;
    --bit-clr-err-light: #E76B62;
    --bit-clr-err-light-hover: #E56158;
    --bit-clr-err-light-active: #E4584D;
    --bit-clr-err-text: #FFFFFF;
    /*Foreground*/
    --bit-clr-fg-pri: #1A1A1A;
    --bit-clr-fg-pri-hover: #111111;
    --bit-clr-fg-pri-active: #070707;
    --bit-clr-fg-pri-dark: #141414;
    --bit-clr-fg-pri-dark-hover: #0D0D0D;
    --bit-clr-fg-pri-dark-active: #000000;
    --bit-clr-fg-pri-light: #262626;
    --bit-clr-fg-pri-light-hover: #191919;
    --bit-clr-fg-pri-light-active: #111111;
    --bit-clr-fg-sec: #5A5A5A;
    --bit-clr-fg-sec-hover: #444444;
    --bit-clr-fg-sec-active: #333333;
    --bit-clr-fg-sec-dark: #4D4D4D;
    --bit-clr-fg-sec-dark-hover: #3B3B3B;
    --bit-clr-fg-sec-dark-active: #262626;
    --bit-clr-fg-sec-light: #484848;
    --bit-clr-fg-sec-light-hover: #515151;
    --bit-clr-fg-sec-light-active: #414141;
    --bit-clr-fg-ter: #999999;
    --bit-clr-fg-ter-hover: #666666;
    --bit-clr-fg-ter-active: #4D4D4D;
    --bit-clr-fg-ter-dark: #8E8E8E;
    --bit-clr-fg-ter-dark-hover: #5B5B5B;
    --bit-clr-fg-ter-dark-active: #3B3B3B;
    --bit-clr-fg-ter-light: #A7A7A7;
    --bit-clr-fg-ter-light-hover: #747474;
    --bit-clr-fg-ter-light-active: #5A5A5A;
    --bit-clr-fg-dis: #AAAAAA;
    /*Backgrounds*/
    --bit-clr-bg-pri: #212121;
    --bit-clr-bg-pri-hover: #292929;
    --bit-clr-bg-pri-active: #303030;
    --bit-clr-bg-pri-dark: #181818;
    --bit-clr-bg-pri-dark-hover: #141414;
    --bit-clr-bg-pri-dark-active: #101010;
    --bit-clr-bg-pri-light: #383838;
    --bit-clr-bg-pri-light-hover: #434343;
    --bit-clr-bg-pri-light-active: #4d4d4d;
    --bit-clr-bg-sec: #2c2c2c;
    --bit-clr-bg-sec-hover: #353535;
    --bit-clr-bg-sec-active: #404040;
    --bit-clr-bg-sec-dark: #232323;
    --bit-clr-bg-sec-dark-hover: #1e1e1e;
    --bit-clr-bg-sec-dark-active: #191919;
    --bit-clr-bg-sec-light: #383838;
    --bit-clr-bg-sec-light-hover: #434343;
    --bit-clr-bg-sec-light-active: #4d4d4d;
    --bit-clr-bg-ter: #383838;
    --bit-clr-bg-ter-hover: #434343;
    --bit-clr-bg-ter-active: #4d4d4d;
    --bit-clr-bg-ter-dark: #545454;
    --bit-clr-bg-ter-dark-hover: #606060;
    --bit-clr-bg-ter-dark-active: #6c6c6c;
    --bit-clr-bg-ter-light: #404040;
    --bit-clr-bg-ter-light-hover: #494949;
    --bit-clr-bg-ter-light-active: #545454;
    --bit-clr-bg-dis: #242424;
    --bit-clr-bg-overlay: rgba(0, 0, 0, 0.4);
    /*Borders*/
    --bit-clr-brd-pri: #777777;
    --bit-clr-brd-pri-hover: #5E5E5E;
    --bit-clr-brd-pri-active: #454545;
    --bit-clr-brd-pri-dark: #646464;
    --bit-clr-brd-pri-dark-hover: #4B4B4B;
    --bit-clr-brd-pri-dark-active: #343434;
    --bit-clr-brd-pri-light: #898989;
    --bit-clr-brd-pri-light-hover: #6C6B6B;
    --bit-clr-brd-pri-light-active: #535353;
    --bit-clr-brd-sec: #B0AFAE;
    --bit-clr-brd-sec-hover: #7D7C7C;
    --bit-clr-brd-sec-active: #636362;
    --bit-clr-brd-sec-dark: #A3A3A3;
    --bit-clr-brd-sec-dark-hover: #6B6B6B;
    --bit-clr-brd-sec-dark-active: #515151;
    --bit-clr-brd-sec-light: #BFBFBF;
    --bit-clr-brd-sec-light-hover: #8A8A8A;
    --bit-clr-brd-sec-light-active: #727272;
    --bit-clr-brd-ter: #DEDDDC;
    --bit-clr-brd-ter-hover: #CBCBCB;
    --bit-clr-brd-ter-active: #B0B0B0;
    --bit-clr-brd-ter-dark: #CFCFCF;
    --bit-clr-brd-ter-dark-hover: #B7B7B7;
    --bit-clr-brd-ter-dark-active: #9F9F9F;
    --bit-clr-brd-ter-light: #E9E9E9;
    --bit-clr-brd-ter-light-hover: #D7D7D7;
    --bit-clr-brd-ter-light-active: #C1C1C1;
    --bit-clr-brd-dis: #E5E3DF;
    /*Required*/
    --bit-clr-req: #A4262C;
    /*Custom variables not used by bit blazorui by default*/
    --custom-width: 250px;
    --font-family-heading: 'TheNautigal', 'Cormorant Garamond', serif;
    --font-family-body: 'Cormorant Garamond', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    /* Pin BaseApp's CMS glass-card tokens to their dark value regardless of the OS/browser
       color scheme - platform-tokens.css flips them to a light glass bg via
       prefers-color-scheme, but our app is hard-pinned to bit-theme="dark" (see App.razor),
       so the light variant never matches our light-toned text and becomes unreadable. This
       file loads after platform-tokens.css, so the unconditional value here wins. */
    --cms-card-glass-bg: rgba(20, 20, 22, 0.52);
    --cms-title-text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}