: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-Sidebar: #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;
  
  /* TODO */
  --Theme-Primary-2: #0d6efd;
  
  
  /* Fonts */
  --Font-Family-Body: Roboto;
  --Font-Family-Headings: Domine;
  --Font-Family-Navigation: var(--Font-Family-Headings);
  --Font-Family-Font-Awesome-5-Pro: Font Awesome 5 Pro;
  --Font-Weight-Navigation: 700;
  --Font-Weight-Navigation-Active: 700;
}

[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;
  
  /* Fonts */
  --Font-Family-Navigation: var(--Font-Family-Headings);
  --Font-Weight-Navigation: 700;
  --Font-Weight-Navigation-Active: 700;
}