:root {
  --White: #ffffff;
  --Black: #000000;
    --Grey-100: #f8f9fa;
    --Theme-Primary: #984C0C;
    --Theme-Secondary: #CA6510;
    --Theme-Primary-Hover: #FAEBD7;
    --Theme-Light: #FEF6F0;
    --Theme-Dark: #1e152a;
    --Theme-Border: #FECBA1;
    --Theme-Danger: #BD0F32;
    --Theme-Danger-Hover: #960f33;
    --Alert-Danger-Background: #f8d7da;
    --Alert-Danger-Border: #f5c2c7;
    --Alert-Danger-Text: #842029;
    --Component-Input-Placeholder: #FEB272;
    --Shadow: rgb(40 110 124 / 50%);
    --Table-Row: #f3f6ff;
    --Table-Border: #FECBA1;
    --Cyan-800: #055160;
    --Cyan-900: #032830;
    --Orange-700: #984C0C;
    --Orange-600: #CA6510;
    --Orange-300: #FEB272;
    --Orange-200: #FECBA1;
    --Orange-100: #FFE5D0;
    --Orange-0: #FEF6F0;
    
    
    /* Teal Theme */
     --HitBox: #FFFFFF00;
  --Theme-Primary: #082936FF;
  --Theme-Primary-Hover: #031116FF;
  --Theme-Secondary: #126482FF;
  --Theme-Tertiary: #D7F0F9;
  --Theme-Success: #1A936FFF;
  --Theme-Danger: #BD0F32FF;
  --Theme-Alert: #FF6700FF;
  --Theme-Warning: #EAC435FF;
  --Theme-Info: #0DCAF0FF;
  --Theme-Light: #EBF5FAFF;
  --Theme-Dark: #031116FF; /* Why is this the same as primary hover? */
  
  --Primary-100: #D7F0F9; /* TODO: Replace --Theme-Tertiary with this */
  --Primary-200: #86D2EE;
  --Primary-400: #1FA9DB;
  
  /* Light mode – navbar */
    /*--Theme-Primary: #031116FF; */
    --Theme-Primary: #082936;
    
    /*--Theme-Primary-Hover: #0B4B61FF;*/
    --Theme-Primary-Hover: #35A9CFFF; /* Ry */
    --Theme-Primary-Hover: #1FA9DB; /* Jadon Fix */
    
    --Theme-Dark: #126482FF;       
  
  --Theme-Border: #AADFF3FF;
  --BodyText-BodyColor: #031116FF;
  --Gray-White: #FFFFFFFF;
  --Gray-100: #F8F9FAFF;
  --Gray-200: #E9ECEFFF;
  --Gray-300: #DEE2E6FF;
  --Gray-400: #CED4DAFF;
  --Gray-500: #ADB5BDFF;
  --Gray-600: #6C757DFF;
  --Gray-700: #495057FF;
  --Gray-800: #343A40FF;
  --Gray-900: #212529FF;
  --Gray-Black: #000000FF;
  --Blue-0: #E0E9FFFF;
  --Orange-0: #FEF6F0FF;
  --Orange-100: #FFE5D0FF;
  --Orange-200: #FECBA1FF;
  --Orange-300: #FEB272FF;
  --Orange-400: #FD9843FF;
  --Orange-500: #FD7E14FF;
  --Orange-600: #CA6510FF;
  --Orange-700: #984C0CFF;
  --Orange-800: #653208FF;
  --Orange-900: #331904FF;
  --Blue-100: #C2D4FFFF;
  --Blue-200: #85A9FFFF;
  --Blue-300: #578DFFFF;
  --Blue-400: #3370FFFF;
  --Blue-500: #0049F5FF;
  --Blue-600: #0043E0FF;
  --Blue-700: #002B8FFF;
  --Blue-800: #001F66FF;
  --Blue-900: #00123DFF;
  --Indigo-100: #E0CFFCFF;
  --Indigo-200: #C29FFAFF;
  --Indigo-300: #A370F7FF;
  --Indigo-400: #8540F5FF;
  --Indigo-500: #6610F2FF;
  --Indigo-600: #520DC2FF;
  --Indigo-700: #3D0A91FF;
  --Indigo-800: #290661FF;
  --Indigo-900: #140330FF;
  --Purple-100: #E2D9F3FF;
  --Purple-200: #C5B3E6FF;
  --Purple-300: #A98EDAFF;
  --Purple-400: #8C68CDFF;
  --Purple-500: #6F42C1FF;
  --Purple-600: #59359AFF;
  --Purple-700: #432874FF;
  --Purple-800: #2C1A4DFF;
  --Purple-900: #160D27FF;
  --Pink-100: #F7D6E6FF;
  --Pink-200: #EFADCEFF;
  --Pink-300: #E685B5FF;
  --Pink-400: #DE5C9DFF;
  --Pink-500: #D63384FF;
  --Pink-600: #AB296AFF;
  --Pink-700: #801F4FFF;
  --Pink-800: #561435FF;
  --Pink-900: #2B0A1AFF;
  --Red-100: #FAC6D1FF;
  --Red-200: #F7A1B2FF;
  --Red-300: #F47B93FF;
  --Red-400: #F15574FF;
  --Red-500: #ED254EFF;
  --Red-600: #E2123CFF;
  --Red-700: #BD0F32FF;
  --Red-800: #970C28FF;
  --Red-900: #4B0614FF;
  --Yellow-100: #FFF3CDFF;
  --Yellow-200: #FFE69CFF;
  --Yellow-300: #FFDA6AFF;
  --Yellow-400: #FFCD39FF;
  --Yellow-500: #FFC107FF;
  --Yellow-600: #CC9A06FF;
  --Yellow-700: #997404FF;
  --Yellow-800: #664D03FF;
  --Yellow-900: #332701FF;
  --Green-100: #74E7C4FF;
  --Green-200: #52E0B6FF;
  --Green-300: #2FDAA7FF;
  --Green-400: #22BF90FF;
  --Green-500: #1A936FFF;
  --Green-600: #15795BFF;
  --Green-700: #0F5741FF;
  --Green-800: #093427FF;
  --Green-900: #03110DFF;
  --Teal-100: #D2F4EAFF;
  --Teal-200: #A6E9D5FF;
  --Teal-300: #79DFC1FF;
  --Teal-400: #4DD4ACFF;
  --Teal-500: #20C997FF;
  --Teal-600: #1AA179FF;
  --Teal-700: #13795BFF;
  --Teal-800: #0D503CFF;
  --Teal-900: #06281EFF;
  --Cyan-100: #CFF4FCFF;
  --Cyan-200: #9EEAF9FF;
  --Cyan-300: #6EDFF6FF;
  --Cyan-400: #3DD5F3FF;
  --Cyan-500: #0DCAF0FF;
  --Cyan-600: #0AA2C0FF;
  --Cyan-700: #087990FF;
  --Cyan-800: #055160FF;
  --Cyan-900: #032830FF;
  --Cyan-1000: #011014FF;
  --Placeholder-Image: #F8F9FAFF;
  --Placeholder-Avatar: #FFFFFFFF;
  --Components-Accordion-Border: #00000020;
  --Components-Accordion-ActiveItemHeaderBackground: #E7F1FFFF;
  --Components-Accordion-ActiveItemHeaderTextColor: #0C63E4FF;
  --Components-Alert-Primary-Text: #084298FF;
  --Components-Alert-Primary-Background: #CFE2FFFF;
  --Components-Alert-Primary-Border: #B6D4FEFF;
  --Components-Alert-Primary-Link: #06357AFF;
  --Components-Alert-Secondary-Text: #41464BFF;
  --Components-Alert-Secondary-Background: #E2E3E5FF;
  --Components-Alert-Secondary-Border: #D3D6D8FF;
  --Components-Alert-Secondary-Link: #34383CFF;
  --Components-Alert-Success-Text: #0F5132FF;
  --Components-Alert-Success-Background: #D1E7DDFF;
  --Components-Alert-Success-Border: #BADBCCFF;
  --Components-Alert-Success-Link: #0C4128FF;
  --Components-Alert-Danger-Text: #842029FF;
  --Components-Alert-Danger-Background: #F8D7DAFF;
  --Components-Alert-Danger-Border: #F5C2C7FF;
  --Components-Alert-Danger-Link: #6A1A21FF;
  --Components-Alert-Warning-Text: #664D03FF;
  --Components-Alert-Warning-Background: #FFF3CDFF;
  --Components-Alert-Warning-Border: #FFECB5FF;
  --Components-Alert-Warning-Link: #523E02FF;
  --Components-Alert-Info-Text: #055160FF;
  --Components-Alert-Info-Background: #CFF4FCFF;
  --Components-Alert-Info-Border: #B6EFFBFF;
  --Components-Alert-Info-Link: #04414DFF;
  --Components-Alert-Light-Text: #636464FF;
  --Components-Alert-Light-Background: #FEFEFEFF;
  --Components-Alert-Light-Border: #FDFDFEFF;
  --Components-Alert-Light-Link: #4F5050FF;
  --Components-Alert-Dark-Text: #141619FF;
  --Components-Alert-Dark-Background: #D3D3D4FF;
  --Components-Alert-Dark-Border: #BCBEBFFF;
  --Components-Alert-Dark-Link: #101214FF;
  --Components-Button-Primary-HoveredBackground: #002B8FFF;
  --Components-Button-Primary-HoveredBorder: #002B8FFF;
  --Components-Button-Primary-ActiveBackground: #1E152AFF;
  --Components-Button-Primary-ActiveBorder: #1E152AFF;
  --Components-Button-Secondary-HoveredBackground: #002B8FFF;
  --Components-Button-Secondary-HoveredBorder: #002B8FFF;
  --Components-Button-Secondary-ActiveBackground: #1E152AFF;
  --Components-Button-Secondary-ActiveBorder: #51585EFF;
  --Components-Button-Success-HoveredBackground: #157347FF;
  --Components-Button-Success-HoveredBorder: #146C43FF;
  --Components-Button-Success-ActiveBackground: #146C43FF;
  --Components-Button-Success-ActiveBorder: #13653FFF;
  --Components-Button-Danger-HoveredBackground: #BB2D3BFF;
  --Components-Button-Danger-HoveredBorder: #B02A37FF;
  --Components-Button-Danger-ActiveBackground: #B02A37FF;
  --Components-Button-Danger-ActiveBorder: #A52834FF;
  --Components-Button-Warning-HoveredBackground: #FFCA2CFF;
  --Components-Button-Warning-HoveredBorder: #FFC720FF;
  --Components-Button-Warning-ActiveBackground: #FFCD39FF;
  --Components-Button-Warning-ActiveBorder: #FFC720FF;
  --Components-Button-Info-HoveredBackground: #31D2F2FF;
  --Components-Button-Info-HoveredBorder: #25CFF2FF;
  --Components-Button-Info-ActiveBackground: #3DD5F3FF;
  --Components-Button-Info-ActiveBorder: #25CFF2FF;
  --Components-Button-Light-HoveredBackground: #F9FAFBFF;
  --Components-Button-Light-HoveredBorder: #F9FAFBFF;
  --Components-Button-Light-ActiveBackground: #F9FAFBFF;
  --Components-Button-Light-ActiveBorder: #F9FAFBFF;
  --Components-Button-Dark-HoveredBackground: #002B8FFF;
  --Components-Button-Dark-HoveredBorder: #002B8FFF;
  --Components-Button-Dark-ActiveBackground: #1A1E21FF;
  --Components-Button-Dark-ActiveBorder: #191C1FFF;
  --Components-Button-Link-HoveredText: #002B8FFF;
  --Components-Button-Link-ActiveText: #1E152AFF;
  --Components-Card-Border: #0000002D;
  --Components-Card-CaptionBackground: #00000008;
  --Components-Checkbox-Border: #EBF1FFFF;
  --Components-Checkbox-FocusedBorder: #86B7FEFF;
  --Components-Dropdowns-Border: #00000026;
  --Components-Dropdowns-Light-HoveredItemText: #1E2125FF;
  --Components-Dropdowns-Dark-HoveredItemBackground: #FFFFFF26;
  --Components-Divider-DividerBackground: #EBF1FF80;
  --Components-ListGroup-Border: #00000020;
  --Components-Modal-Border: #EBF1FFFF;
  --Components-Navs-And-tabs-Light-Link: #0000008C;
  --Components-Navs-And-tabs-Light-LinkHovered: #000000B2;
  --Components-Navs-And-tabs-Light-LinkActive: #000000E5;
  --Components-Navs-And-tabs-Light-LinkDisabled: #0000004D;
  --Components-Navs-And-tabs-Dark-Link: #FFFFFF8C;
  --Components-Navs-And-tabs-Dark-LinkHovered: #FFFFFFBF;
  --Components-Navs-And-tabs-Dark-LinkActive: #FFFFFFFF;
  --Components-Navs-And-tabs-Dark-LinkDisabled: #FFFFFF40;
  --Components-Navs-And-tabs-Light-ToggleBorder: #0000001A;
  --Components-Navs-And-tabs-Dark-ToggleBorder: #FFFFFF1A;
  --Components-Popover-Border: #00000033;
  --Components-Popover-HeaderBackground: #F0F0F0FF;
  --Components-Toasts-Background: #FFFFFFD9;
  --Components-Toasts-Border: #0000001A;
  --Components-Toasts-HeaderBorder: #0000000D;
  --Components-Input-FocusedBorder: #86B7FEFF;
  --Components-Range-SliderBackground: #DEE2E6FF;
  --Components-Offcanvas-Border: #00000033;
  --Footnote-Logo: True;
  
  
  /* Fonts */
  --Font-Family-Body: Roboto;
  --Font-Family-Headings: Domine;
  --Font-Family-Font-Awesome-5-Pro: Font Awesome 5 Pro;
}

[data-bs-theme="dark"] {
  --White: #0f0f0f;
  --Black: #ffffff;
  --Grey-100: #212529;

  /* LL */
  /*--Theme-Primary: #4c8eff;
  --Theme-Secondary: #7fa8ff;
  --Theme-Primary-Hover: #b3ccff;
  --Theme-Light: #1a1a2e;*/
  
  /* Round 1 */
  /*--Theme-Primary: #984C0C;
  --Theme-Secondary: #CA6510;
  --Theme-Primary-Hover: #FECBA1;
  --Theme-Light: #011014;*/
  
  /* Round 2 */
  --Theme-Primary: #984C0C;
  --Theme-Secondary: #CA6510;
  --Theme-Primary-Hover: #FECBA1;
  --Theme-Light: #2b1f34;
  
  --Theme-Dark: #ffffff;
  --Theme-Border: #374785;
  --Theme-Danger: #ff6b81;
  --Theme-Danger-Hover: #ff4d6d;

  --Alert-Danger-Background: #2c1a1d;
  --Alert-Danger-Border: #803342;
  --Alert-Danger-Text: #ffb3c1;

  --Component-Input-Placeholder: #a2b5ff;
  
  --Shadow: rgba(0, 0, 0, 0.4);
  --Table-Row: #202538;
  --Table-Border: #3a3f45;
  --Cyan-800: #055160;
  --Cyan-900: #032830;
  --Orange-700: #984C0C;
  --Orange-600: #CA6510;
  --Orange-300: #FEB272;
  --Orange-200: #FECBA1;
  --Orange-100: #FFE5D0;
  --Orange-0: #FEF6F0;
    
  
  /* Teal Theme */
  --HitBox: #FFFFFF00;

  /* Brand / Theme */
    --Theme-Primary: #2A6A85FF;
    --Theme-Primary-Hover: #1F566DFF;

  --Theme-Secondary: #1B8CAFFF;
  --Theme-Tertiary: #2B5F73; /* #2A4D54 */
  --Theme-Success: #24B087FF;
  --Theme-Danger: #FF4D6DFF;
  --Theme-Alert: #FF7A1AFF;
  --Theme-Warning: #F2D15BFF;
  --Theme-Info: #35D3F5FF;
  
  --Primary-100: #2B5F73; /* TODO: Replace --Theme-Tertiary with this */
  --Primary-200: #126482;
  --Primary-400: #19799F;

  /* Surfaces */
  --Theme-Light: #0E171CFF;    /* was light surface, now dark surface */
  --Theme-Dark: #E6F1F6FF;
  --Theme-Border: #204D5FFF;

  /* Text */
  --BodyText-BodyColor: #E6F1F6FF;

  /* Grays (inverted for dark UI) */
  --Gray-White: #0B1014FF;     /* "white" surface token becomes dark surface */
  --Gray-100: #0F151BFF;
  --Gray-200: #151D25FF;
  --Gray-300: #1C2731FF;
  --Gray-400: #25323DFF;
  --Gray-500: #40505CFF;
  --Gray-600: #6C7A86FF;
  --Gray-700: #99A7B3FF;
  --Gray-800: #C9D2DAFF;
  --Gray-900: #EEF2F6FF;
  --Gray-Black: #FFFFFFFF;    /* "black" text token becomes light text in dark mode */

  /* Accent ramps (kept mostly the same; tweak only the palest steps) */
  --Blue-0: #0B1620FF;

  --Orange-0: #1A120CFF;
  --Orange-100: #2A1A0FFF;
  --Orange-200: #3A2312FF;
  --Orange-300: #4B2C14FF;
  --Orange-400: #5C3516FF;
  --Orange-500: #FD7E14FF;
  --Orange-600: #FF8A2DFF;
  --Orange-700: #FF9B4CFF;
  --Orange-800: #FFB47AFF;
  --Orange-900: #FFD9BFFF;

  --Blue-100: #0F2433FF;
  --Blue-200: #15324AFF;
  --Blue-300: #1B4163FF;
  --Blue-400: #21517DFF;
  --Blue-500: #3370FFFF;
  --Blue-600: #4D86FFFF;
  --Blue-700: #78A3FFFF;
  --Blue-800: #A8C4FFFF;
  --Blue-900: #E3EEFFFF;

  --Indigo-100: #1A1630FF;
  --Indigo-200: #221C45FF;
  --Indigo-300: #2B225BFF;
  --Indigo-400: #3A2A85FF;
  --Indigo-500: #6610F2FF;
  --Indigo-600: #7A38F4FF;
  --Indigo-700: #9B6AF7FF;
  --Indigo-800: #C1A6FBFF;
  --Indigo-900: #E9DEFEFF;

  --Purple-100: #1B1426FF;
  --Purple-200: #241A36FF;
  --Purple-300: #2E2147FF;
  --Purple-400: #3A2A62FF;
  --Purple-500: #6F42C1FF;
  --Purple-600: #855BCAFF;
  --Purple-700: #A07DD7FF;
  --Purple-800: #C4B0E9FF;
  --Purple-900: #E9E2F7FF;

  --Pink-100: #2A0F1CFF;
  --Pink-200: #3A1326FF;
  --Pink-300: #4B1731FF;
  --Pink-400: #6A1F45FF;
  --Pink-500: #D63384FF;
  --Pink-600: #E15A9BFF;
  --Pink-700: #EB84B6FF;
  --Pink-800: #F3B4D3FF;
  --Pink-900: #FBE3F0FF;

  --Red-100: #2A0D14FF;
  --Red-200: #3B111BFF;
  --Red-300: #4D1523FF;
  --Red-400: #7A1E36FF;
  --Red-500: #ED254EFF;
  --Red-600: #FF4D6DFF;
  --Red-700: #FF7C92FF;
  --Red-800: #FFB2BEFF;
  --Red-900: #FFE3E8FF;

  --Yellow-100: #231D08FF;
  --Yellow-200: #332A0BFF;
  --Yellow-300: #463A0FFF;
  --Yellow-400: #5C4D14FF;
  --Yellow-500: #FFC107FF;
  --Yellow-600: #FFD24DFF;
  --Yellow-700: #FFE08AFF;
  --Yellow-800: #FFEDC2FF;
  --Yellow-900: #FFF7E6FF;

  --Green-100: #061A13FF;
  --Green-200: #08261CFF;
  --Green-300: #0A3325FF;
  --Green-400: #0D4A37FF;
  --Green-500: #1A936FFF;
  --Green-600: #24B087FF;
  --Green-700: #4FD0AAFF;
  --Green-800: #9AE9D4FF;
  --Green-900: #E5FBF5FF;

  --Teal-100: #071A18FF;
  --Teal-200: #0A2622FF;
  --Teal-300: #0D342EFF;
  --Teal-400: #114A41FF;
  --Teal-500: #20C997FF;
  --Teal-600: #3AD7AAFF;
  --Teal-700: #6AE6C3FF;
  --Teal-800: #A9F3DDFF;
  --Teal-900: #E9FFF6FF;

  --Cyan-100: #06161BFF;
  --Cyan-200: #082228FF;
  --Cyan-300: #0B313AFF;
  --Cyan-400: #0F4652FF;
  --Cyan-500: #0DCAF0FF;
  --Cyan-600: #35D3F5FF;
  --Cyan-700: #73E3FAFF;
  --Cyan-800: #B8F3FDFF;
  --Cyan-900: #E8FCFFFF;
  --Cyan-1000: #02090BFF;

  /* Placeholders */
  --Placeholder-Image: #151D25FF;
  --Placeholder-Avatar: #1C2731FF;

  /* Component tokens */
  --Components-Accordion-Border: #FFFFFF24;
  --Components-Accordion-ActiveItemHeaderBackground: #0F2433FF;
  --Components-Accordion-ActiveItemHeaderTextColor: #78A3FFFF;

  --Components-Alert-Primary-Text: #B8D7FFFF;
  --Components-Alert-Primary-Background: #0F2433FF;
  --Components-Alert-Primary-Border: #21517DFF;
  --Components-Alert-Primary-Link: #E3EEFFFF;

  --Components-Alert-Secondary-Text: #D6DCE2FF;
  --Components-Alert-Secondary-Background: #151D25FF;
  --Components-Alert-Secondary-Border: #25323DFF;
  --Components-Alert-Secondary-Link: #EEF2F6FF;

  --Components-Alert-Success-Text: #BFF5E6FF;
  --Components-Alert-Success-Background: #0A3325FF;
  --Components-Alert-Success-Border: #0D4A37FF;
  --Components-Alert-Success-Link: #E5FBF5FF;

  --Components-Alert-Danger-Text: #FFD0D8FF;
  --Components-Alert-Danger-Background: #3B111BFF;
  --Components-Alert-Danger-Border: #7A1E36FF;
  --Components-Alert-Danger-Link: #FFE3E8FF;

  --Components-Alert-Warning-Text: #FFEEC6FF;
  --Components-Alert-Warning-Background: #332A0BFF;
  --Components-Alert-Warning-Border: #5C4D14FF;
  --Components-Alert-Warning-Link: #FFF7E6FF;

  --Components-Alert-Info-Text: #C9F8FFFF;
  --Components-Alert-Info-Background: #0B313AFF;
  --Components-Alert-Info-Border: #0F4652FF;
  --Components-Alert-Info-Link: #E8FCFFFF;

  --Components-Alert-Light-Text: #EEF2F6FF;
  --Components-Alert-Light-Background: #151D25FF;
  --Components-Alert-Light-Border: #25323DFF;
  --Components-Alert-Light-Link: #FFFFFFFF;

  --Components-Alert-Dark-Text: #EEF2F6FF;
  --Components-Alert-Dark-Background: #0B1014FF;
  --Components-Alert-Dark-Border: #25323DFF;
  --Components-Alert-Dark-Link: #FFFFFFFF;

  /* Buttons */
  --Components-Button-Primary-HoveredBackground: #21517DFF;
  --Components-Button-Primary-HoveredBorder: #21517DFF;
  --Components-Button-Primary-ActiveBackground: #15324AFF;
  --Components-Button-Primary-ActiveBorder: #15324AFF;

  --Components-Button-Secondary-HoveredBackground: #21517DFF;
  --Components-Button-Secondary-HoveredBorder: #21517DFF;
  --Components-Button-Secondary-ActiveBackground: #15324AFF;
  --Components-Button-Secondary-ActiveBorder: #25323DFF;

  --Components-Button-Success-HoveredBackground: #24B087FF;
  --Components-Button-Success-HoveredBorder: #1FA178FF;
  --Components-Button-Success-ActiveBackground: #1FA178FF;
  --Components-Button-Success-ActiveBorder: #1B906CFF;

  --Components-Button-Danger-HoveredBackground: #FF4D6DFF;
  --Components-Button-Danger-HoveredBorder: #E84562FF;
  --Components-Button-Danger-ActiveBackground: #E84562FF;
  --Components-Button-Danger-ActiveBorder: #D93E5AFF;

  --Components-Button-Warning-HoveredBackground: #FFD24DFF;
  --Components-Button-Warning-HoveredBorder: #FFC93AFF;
  --Components-Button-Warning-ActiveBackground: #FFC93AFF;
  --Components-Button-Warning-ActiveBorder: #FFC225FF;

  --Components-Button-Info-HoveredBackground: #35D3F5FF;
  --Components-Button-Info-HoveredBorder: #2BCFF4FF;
  --Components-Button-Info-ActiveBackground: #2BCFF4FF;
  --Components-Button-Info-ActiveBorder: #22CBF3FF;

  --Components-Button-Light-HoveredBackground: #1C2731FF;
  --Components-Button-Light-HoveredBorder: #25323DFF;
  --Components-Button-Light-ActiveBackground: #25323DFF;
  --Components-Button-Light-ActiveBorder: #40505CFF;

  --Components-Button-Dark-HoveredBackground: #15324AFF;
  --Components-Button-Dark-HoveredBorder: #15324AFF;
  --Components-Button-Dark-ActiveBackground: #0F151BFF;
  --Components-Button-Dark-ActiveBorder: #0F151BFF;

  --Components-Button-Link-HoveredText: #A8C4FFFF;
  --Components-Button-Link-ActiveText: #78A3FFFF;

  /* Cards / lists / overlays */
  --Components-Card-Border: #FFFFFF24;
  --Components-Card-CaptionBackground: #FFFFFF10;

  --Components-Checkbox-Border: #25323DFF;
  --Components-Checkbox-FocusedBorder: #78A3FFFF;

  --Components-Dropdowns-Border: #FFFFFF24;
  --Components-Dropdowns-Light-HoveredItemText: #EEF2F6FF;
  --Components-Dropdowns-Dark-HoveredItemBackground: #FFFFFF1A;

  --Components-Divider-DividerBackground: #FFFFFF1A;

  --Components-ListGroup-Border: #FFFFFF24;

  --Components-Modal-Border: #25323DFF;

  --Components-Navs-And-tabs-Light-Link: #FFFFFF8C;
  --Components-Navs-And-tabs-Light-LinkHovered: #FFFFFFBF;
  --Components-Navs-And-tabs-Light-LinkActive: #FFFFFFFF;
  --Components-Navs-And-tabs-Light-LinkDisabled: #FFFFFF40;

  --Components-Navs-And-tabs-Dark-Link: #FFFFFF8C;
  --Components-Navs-And-tabs-Dark-LinkHovered: #FFFFFFBF;
  --Components-Navs-And-tabs-Dark-LinkActive: #FFFFFFFF;
  --Components-Navs-And-tabs-Dark-LinkDisabled: #FFFFFF40;

  --Components-Navs-And-tabs-Light-ToggleBorder: #FFFFFF1A;
  --Components-Navs-And-tabs-Dark-ToggleBorder: #FFFFFF1A;

  --Components-Popover-Border: #FFFFFF24;
  --Components-Popover-HeaderBackground: #151D25FF;

  --Components-Toasts-Background: #0F151BEE;
  --Components-Toasts-Border: #FFFFFF24;
  --Components-Toasts-HeaderBorder: #FFFFFF12;

  --Components-Input-FocusedBorder: #78A3FFFF;
  --Components-Range-SliderBackground: #25323DFF;

  --Components-Offcanvas-Border: #FFFFFF24;

  --Footnote-Logo: True;
}

/* Theme transition */
.theme-transition body *:not(.modal, .modal *):not(.fade):not(.show) {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Base Styles */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* For Firefox */
}

/* Spacing Utilities */
.m-6 {
    margin: 4rem !important;
}

.mt-6 {
    margin-top: 4rem !important;
}

.mb-6 {
    margin-bottom: 4rem !important;
}

.ms-6 {
    margin-left: 4rem !important;
}

.me-6 {
    margin-right: 4rem !important;
}

.mx-6 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}

.my-6 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.p-6 {
    padding: 4rem !important;
}

.pt-6 {
    padding-top: 4rem !important;
}

.pb-6 {
    padding-bottom: 4rem !important;
}

.ps-6 {
    padding-left: 4rem !important;
}

.pe-6 {
    padding-right: 4rem !important;
}

.px-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

/* Modal */
.modal-content {
    border-radius: 16px;
    border: 1px solid var(--Theme-Border);
    background: var(--White);
    box-shadow: 0px 16px 48px 0px var(--Shadow);
    overflow: hidden;
}

.modal-header {
    display: flex;
    padding: 23px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background: var(--White);
    border-bottom: none;
    position: relative;
}

.modal-header .btn-close {
    background: none;
    opacity: 1;
    padding: 0;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10.984 7.87418L15.8083 12.6984C15.8825 12.8097 15.9196 12.9211 15.9196 13.0324C15.9196 13.1808 15.8825 13.255 15.8083 13.3293L14.9547 14.1828C14.8805 14.257 14.7692 14.2941 14.6579 14.2941C14.5094 14.2941 14.3981 14.257 14.3239 14.1828L9.49966 9.35855L4.67545 14.1828C4.56412 14.257 4.45279 14.2941 4.34146 14.2941C4.19302 14.2941 4.1188 14.257 4.04459 14.1828L3.19107 13.3293C3.11685 13.255 3.07974 13.1808 3.07974 13.0324C3.07974 12.9211 3.11685 12.8097 3.19107 12.6984L8.01529 7.87418L3.19107 3.04996C3.11685 2.97574 3.07974 2.86441 3.07974 2.71597C3.07974 2.60464 3.11685 2.49332 3.19107 2.4191L4.04459 1.56558C4.1188 1.49136 4.19302 1.45425 4.34146 1.45425C4.45279 1.45425 4.56412 1.49136 4.67545 1.56558L9.49966 6.3898L14.3239 1.56558C14.3981 1.49136 14.5094 1.45425 14.6579 1.45425C14.7692 1.45425 14.8805 1.49136 14.9547 1.56558L15.8083 2.4191C15.8825 2.49332 15.9196 2.60464 15.9196 2.71597C15.9196 2.86441 15.8825 2.97574 15.8083 3.04996L10.984 7.87418Z' fill='%23000000'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 23px;
    /*top: 50%;*/
    top: 28px;
    transform: translateY(-50%);
    margin: 0;
}

.modal-header .btn-close:hover {
    opacity: 0.8;
}

/* Title */
.modal-title {
    font-family: var(--Font-Family-Headings), sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%
}

.modal-body {
    padding-top: 0;
    padding-right: 23px;
    padding-bottom: 23px;
    padding-left: 23px;
}

/*End  Modal */

/* Custom Accordion Styling */
.accordion {
    --bs-accordion-bg: var(--Theme-Light);
    /* Override Bootstrap's background */
}

.accordion-item {
    border: none;
    background-color: var(--White);
    margin-bottom: 8px;
}

.accordion-button {
    color: var(--Theme-Dark);
    background: var(--Theme-Light) !important;
    font-family: var(--Font-Family-Headings), sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding: 16px 20px;
    border: none;
    display: flex;
    justify-content: space-between;
}

/* Style the default Bootstrap arrow */
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.5 7.87598L16.125 12.4697C16.2188 12.5322 16.25 12.626 16.25 12.7197C16.25 12.8135 16.2188 12.9072 16.1562 13.001L15.5312 13.626C15.4688 13.6885 15.375 13.7197 15.25 13.7197C15.1562 13.7197 15.0625 13.6885 15 13.626L11.25 9.90723L7.5 13.626C7.4375 13.6885 7.375 13.7197 7.25 13.7197C7.15625 13.7197 7.0625 13.6885 6.96875 13.626L6.34375 13.001C6.28125 12.9072 6.25 12.8135 6.25 12.7197C6.25 12.626 6.28125 12.5322 6.34375 12.4697L10.9688 7.87598C11.0625 7.81348 11.1562 7.78223 11.25 7.78223C11.375 7.78223 11.4688 7.81348 11.5312 7.87598H11.5Z' fill='%23064FFF'/%3E%3C/svg%3E") !important;
    width: 20px;
    height: 20px;
    background-size: 20px;
    transform: rotate(180deg);
}

.accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
}

/* Collapsed state - all corners rounded */
.accordion-button.collapsed {
    border-radius: 4.8px;
}

/* Expanded state - only top corners rounded */
.accordion-button:not(.collapsed) {
    color: var(--Theme-Dark);
    background: var(--Theme-Light) !important;
    box-shadow: none;
    border-radius: 4.8px 4.8px 0 0;
}

.accordion-body {
    padding: 20px;
    background-color: var(--White);
    border: 1px solid var(--Theme-Border);
}

/* Expanded state styling */
.accordion-collapse.show .accordion-body {
    border-radius: 0 0 4.8px 4.8px;
    border: 1px solid var(--Theme-Border);
}

/* Collapsed state styling */
.accordion-collapse.collapse:not(.show) .accordion-body {
    border-radius: 4.8px;
}

/* Remove double borders between items */
.accordion-item:not(:last-child) .accordion-collapse.show .accordion-body {
    border-bottom: 1px solid var(--Theme-Border);
}

/* End Accordion */

/* Typography */

h1,
h2,
h3,
h5 {
    font-family: var(--Font-Family-Headings);
    font-weight: 700;
}

/* Heading/H4 */
h4,
.h4 {
    font-family: var(--Font-Family-Headings);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

h6,
.h6 {
    font-family: var(--Font-Family-Headings);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.body_regular {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.body_small {
    font-family: var(--Font-Family-Headings);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.body_caption {
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


/* Typography Utils */

/* Theme Colors */
.text-primary {
    color: var(--Theme-Primary) !important;
}

.text-secondary {
    color: var(--Theme-Secondary) !important;
}

.text-theme-primary {
    color: var(--Theme-Primary);
}

.text-theme-secondary {
    color: var(--Theme-Secondary);
}

.text-theme-primary-hover {
    color: var(--Theme-Primary-Hover);
}

.text-theme-light {
    color: var(--Theme-Light);
}

.text-theme-dark {
    color: var(--Theme-Dark);
}

.text-theme-border {
    color: var(--Theme-Border);
}

.text-alert-danger {
    color: var(--Alert-Danger-Text);
}

.text-white {
    color: var(--White);
}

.text-black {
    color: var(--Black);
}

.text-grey-100 {
    color: var(--Grey-100);
}

.text-input-placeholder {
    color: var(--Component-Input-Placeholder);
}

/* Modifiers */

.text-bold {
    font-weight: 700;
}

/*End  Typography */

/* Buttons */
.btn {
    border: none;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 700;
    font-family: var(--Font-Family-Headings), sans-serif;
    line-height: 130%;
}

.btn-primary {
    background: var(--Theme-Primary) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: none;
    border-radius: 100px;
    /*color: var(--White);*/
    font-size: 14px;
    font-weight: 700;
    font-family: var(--Font-Family-Headings), sans-serif;
    line-height: 130%;
}

.btn-outline-primary {
    background-color: transparent !important;
    border: 1px solid var(--Theme-Primary);
    color: var(--Theme-Primary);
    border-color: var(--Theme-Primary);
}

.btn-link-primary:hover {
    color: var(--Theme-Primary-Hover) !important;
}

.btn-outline-primary:hover {
    background: var(--Theme-Primary) !important;
    border-color: var(--Theme-Primary) !important;
}

.btn-primary img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7466%) hue-rotate(62deg) brightness(99%) contrast(110%);
}

.btn-primary:hover {
    background: var(--Theme-Primary-Hover) !important;
}

.btn-lg {
    padding: 12px 23px;
}

.btn-sm {
    padding: 5px 11px;
}

/* End Buttons */


/* Forms */


input[type="text"],
textarea,
select,
.form-select,
.form-control {
    background-color: var(--Theme-Light);
    color: var(--Theme-Primary);
    border-color: var(--Theme-Primary);
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-secondary-color);
    font-weight: 500;
}

input[type="text"]::placeholder,
textarea::placeholder {
    /*color: var(--Primary-200);*/
}

.form-check-input:checked {
    background-color: var(--Theme-Primary);
    border-color: var(--Theme-Primary);
}

/* End forms */

/* Links */

a {
    color: var(--Theme-Secondary);
}

/* End Links */


/* Drop down */

.dropdown-menu {
    --bs-dropdown-border-color: var(--Theme-Border);
}

.dropdown-divider {
    border-top: 1px solid var(--Theme-Border);
}

/* End drop down */


/* Breadcrumbs */

.breadcrumb-item.active {
    color: var(--Theme-Primary);
}

.btn-link {
    --bs-btn-color: var(--Theme-Secondary);
}

.btn-link:hover {
    color: var(--Theme-Primary);
}


/* Modals */

.modal-footer {
    border-color:var(--Theme-Border);
}

/* End Modals */

/* Admin-only emphasis utilities */
@keyframes adminGoldShine {
    0% {
        text-shadow:
            0 0 2px rgba(255, 214, 102, 0.35),
            0 0 8px rgba(255, 193, 7, 0.2),
            0 0 14px rgba(255, 160, 0, 0.15);
    }
    50% {
        text-shadow:
            0 0 3px rgba(255, 221, 128, 0.55),
            0 0 12px rgba(255, 193, 7, 0.4),
            0 0 20px rgba(255, 160, 0, 0.3);
    }
    100% {
        text-shadow:
            0 0 2px rgba(255, 214, 102, 0.35),
            0 0 8px rgba(255, 193, 7, 0.2),
            0 0 14px rgba(255, 160, 0, 0.15);
    }
}

.admin-only-glow {
    text-shadow:
        0 0 2px rgba(255, 214, 102, 0.45),
        0 0 10px rgba(255, 193, 7, 0.28),
        0 0 16px rgba(255, 160, 0, 0.2);
}

.admin-only-glow-animated {
    animation: adminGoldShine 2.2s ease-in-out infinite;
}

@keyframes adminCrownShine {
    0%, 100% {
        text-shadow:
            0 0 2px rgba(255, 220, 120, 0.45),
            0 0 8px rgba(255, 193, 7, 0.3),
            0 0 14px rgba(255, 160, 0, 0.2);
        filter: brightness(1);
    }
    50% {
        text-shadow:
            0 0 3px rgba(255, 231, 160, 0.65),
            0 0 12px rgba(255, 193, 7, 0.45),
            0 0 20px rgba(255, 160, 0, 0.3);
        filter: brightness(1.08);
    }
}

.admin-crown-icon {
    color: #d4a017;
    text-shadow:
        0 0 2px rgba(255, 220, 120, 0.45),
        0 0 8px rgba(255, 193, 7, 0.3),
        0 0 14px rgba(255, 160, 0, 0.2);
    animation: adminCrownShine 2.1s ease-in-out infinite;
}

[data-bs-theme="dark"] .admin-crown-icon {
    color: #f2c94c;
    text-shadow:
        0 0 3px rgba(255, 232, 170, 0.6),
        0 0 10px rgba(255, 206, 84, 0.45),
        0 0 18px rgba(255, 175, 64, 0.32);
}