/* Cemantic theme tokens mapped onto the working app design contract. */
:root {
  /* Core neutrals */
  --White: #ffffff;
  --Black: #000000;
  --Grey-100: #f8f9fa;
  --HitBox: #ffffff00;
  --BodyText-BodyColor: #000000;

  /* Brand theme */
  --Theme-Primary: #b7244e;
  --Theme-Primary-Sidebar: transparent;
  --Theme-Primary-Hover: #991e41;
  --Theme-Secondary: #991e41;
  --Theme-Tertiary: #f4c8d4;
  --Theme-Success: #1a936f;
  --Theme-Danger: #bd0f32;
  --Theme-Danger-Hover: #970c28;
  --Theme-Alert: #ff6700;
  --Theme-Warning: #eac435;
  --Theme-Info: #0dcaf0;
  --Theme-Light: #fdf6f8;
  --Theme-Dark: #2f0914;
  --Theme-Border: #e990a9;
  --Theme-Primary-2: #0d6efd;
  --Primary-100: #f4c8d4;
  --Primary-200: #e990a9;
  --Primary-400: #d73462;

  /* Feedback and utility */
  --Alert-Danger-Background: #f8d7da;
  --Alert-Danger-Border: #f5c2c7;
  --Alert-Danger-Text: #842029;
  --Component-Input-Placeholder: #e990a9;
  --Shadow: rgb(40 110 124 / 50%);
  --Table-Row: #fdf0f3;
  --Table-Border: #e990a9;
  --Footnote-Logo: True;

  /* Gray scale */
  --Gray-White: #ffffff;
  --Gray-100: #f8f9fa;
  --Gray-200: #e9ecef;
  --Gray-300: #dee2e6;
  --Gray-400: #ced4da;
  --Gray-500: #adb5bd;
  --Gray-600: #6c757d;
  --Gray-700: #495057;
  --Gray-800: #343a40;
  --Gray-900: #212529;
  --Gray-Black: #000000;

  /* Blue scale */
  --Blue-0: #e0e9ff;
  --Blue-100: #c2d4ff;
  --Blue-200: #85a9ff;
  --Blue-300: #578dff;
  --Blue-400: #3370ff;
  --Blue-500: #0049f5;
  --Blue-600: #0043e0;
  --Blue-700: #002b8f;
  --Blue-800: #001f66;
  --Blue-900: #00123d;

  /* Orange scale */
  --Orange-700: #984c0c;
  --Orange-600: #ca6510;
  --Orange-300: #feb272;
  --Orange-200: #fecba1;
  --Orange-100: #ffe5d0;
  --Orange-0: #fef6f0;
  --Orange-400: #fd9843;
  --Orange-500: #fd7e14;
  --Orange-800: #653208;
  --Orange-900: #331904;

  /* Indigo scale */
  --Indigo-100: #e0cffc;
  --Indigo-200: #c29ffa;
  --Indigo-300: #a370f7;
  --Indigo-400: #8540f5;
  --Indigo-500: #6610f2;
  --Indigo-600: #520dc2;
  --Indigo-700: #3d0a91;
  --Indigo-800: #290661;
  --Indigo-900: #140330;

  /* Purple scale */
  --Purple-100: #e2d9f3;
  --Purple-200: #c5b3e6;
  --Purple-300: #a98eda;
  --Purple-400: #8c68cd;
  --Purple-500: #6f42c1;
  --Purple-600: #59359a;
  --Purple-700: #432874;
  --Purple-800: #2c1a4d;
  --Purple-900: #160d27;

  /* Pink scale */
  --Pink-100: #f7d6e6;
  --Pink-200: #efadce;
  --Pink-300: #e685b5;
  --Pink-400: #de5c9d;
  --Pink-500: #d63384;
  --Pink-600: #ab296a;
  --Pink-700: #801f4f;
  --Pink-800: #561435;
  --Pink-900: #2b0a1a;

  /* Red scale */
  --Red-100: #fac6d1;
  --Red-200: #f7a1b2;
  --Red-300: #f47b93;
  --Red-400: #f15574;
  --Red-500: #ed254e;
  --Red-600: #e2123c;
  --Red-700: #bd0f32;
  --Red-800: #970c28;
  --Red-900: #4b0614;

  /* Yellow scale */
  --Yellow-100: #fff3cd;
  --Yellow-200: #ffe69c;
  --Yellow-300: #ffda6a;
  --Yellow-400: #ffcd39;
  --Yellow-500: #ffc107;
  --Yellow-600: #cc9a06;
  --Yellow-700: #997404;
  --Yellow-800: #664d03;
  --Yellow-900: #332701;

  /* Green scale */
  --Green-100: #74e7c4;
  --Green-200: #52e0b6;
  --Green-300: #2fdaa7;
  --Green-400: #22bf90;
  --Green-500: #1a936f;
  --Green-600: #15795b;
  --Green-700: #0f5741;
  --Green-800: #093427;
  --Green-900: #03110d;

  /* Teal scale */
  --Teal-100: #d2f4ea;
  --Teal-200: #a6e9d5;
  --Teal-300: #79dfc1;
  --Teal-400: #4dd4ac;
  --Teal-500: #20c997;
  --Teal-600: #1aa179;
  --Teal-700: #13795b;
  --Teal-800: #0d503c;
  --Teal-900: #06281e;

  /* Cyan scale */
  --Cyan-800: #055160;
  --Cyan-900: #032830;
  --Cyan-100: #cff4fc;
  --Cyan-200: #9eeaf9;
  --Cyan-300: #6edff6;
  --Cyan-400: #3dd5f3;
  --Cyan-500: #0dcaf0;
  --Cyan-600: #0aa2c0;
  --Cyan-700: #087990;
  --Cyan-1000: #011014;

  /* Placeholders */
  --Placeholder-Image: #f8f9fa;
  --Placeholder-Avatar: #ffffff;

  /* Component tokens */
  --Components-Accordion-Border: #00000020;
  --Components-Accordion-ActiveItemHeaderBackground: #e7f1ff;
  --Components-Accordion-ActiveItemHeaderTextColor: #0c63e4;
  --Components-Alert-Primary-Text: #084298;
  --Components-Alert-Primary-Background: #cfe2ff;
  --Components-Alert-Primary-Border: #b6d4fe;
  --Components-Alert-Primary-Link: #06357a;
  --Components-Alert-Secondary-Text: #41464b;
  --Components-Alert-Secondary-Background: #e2e3e5;
  --Components-Alert-Secondary-Border: #d3d6d8;
  --Components-Alert-Secondary-Link: #34383c;
  --Components-Alert-Success-Text: #0f5132;
  --Components-Alert-Success-Background: #d1e7dd;
  --Components-Alert-Success-Border: #badbcc;
  --Components-Alert-Success-Link: #0c4128;
  --Components-Alert-Danger-Text: #842029;
  --Components-Alert-Danger-Background: #f8d7da;
  --Components-Alert-Danger-Border: #f5c2c7;
  --Components-Alert-Danger-Link: #6a1a21;
  --Components-Alert-Warning-Text: #664d03;
  --Components-Alert-Warning-Background: #fff3cd;
  --Components-Alert-Warning-Border: #ffecb5;
  --Components-Alert-Warning-Link: #523e02;
  --Components-Alert-Info-Text: #055160;
  --Components-Alert-Info-Background: #cff4fc;
  --Components-Alert-Info-Border: #b6effb;
  --Components-Alert-Info-Link: #04414d;
  --Components-Alert-Light-Text: #636464;
  --Components-Alert-Light-Background: #fefefe;
  --Components-Alert-Light-Border: #fdfdfe;
  --Components-Alert-Light-Link: #4f5050;
  --Components-Alert-Dark-Text: #141619;
  --Components-Alert-Dark-Background: #d3d3d4;
  --Components-Alert-Dark-Border: #bcbebf;
  --Components-Alert-Dark-Link: #101214;
  --Components-Button-Primary-HoveredBackground: #002b8f;
  --Components-Button-Primary-HoveredBorder: #002b8f;
  --Components-Button-Primary-ActiveBackground: #1e152a;
  --Components-Button-Primary-ActiveBorder: #1e152a;
  --Components-Button-Secondary-HoveredBackground: #002b8f;
  --Components-Button-Secondary-HoveredBorder: #002b8f;
  --Components-Button-Secondary-ActiveBackground: #1e152a;
  --Components-Button-Secondary-ActiveBorder: #51585e;
  --Components-Button-Success-HoveredBackground: #157347;
  --Components-Button-Success-HoveredBorder: #146c43;
  --Components-Button-Success-ActiveBackground: #146c43;
  --Components-Button-Success-ActiveBorder: #13653f;
  --Components-Button-Danger-HoveredBackground: #bb2d3b;
  --Components-Button-Danger-HoveredBorder: #b02a37;
  --Components-Button-Danger-ActiveBackground: #b02a37;
  --Components-Button-Danger-ActiveBorder: #a52834;
  --Components-Button-Warning-HoveredBackground: #ffca2c;
  --Components-Button-Warning-HoveredBorder: #ffc720;
  --Components-Button-Warning-ActiveBackground: #ffcd39;
  --Components-Button-Warning-ActiveBorder: #ffc720;
  --Components-Button-Info-HoveredBackground: #31d2f2;
  --Components-Button-Info-HoveredBorder: #25cff2;
  --Components-Button-Info-ActiveBackground: #3dd5f3;
  --Components-Button-Info-ActiveBorder: #25cff2;
  --Components-Button-Light-HoveredBackground: #f9fafb;
  --Components-Button-Light-HoveredBorder: #f9fafb;
  --Components-Button-Light-ActiveBackground: #f9fafb;
  --Components-Button-Light-ActiveBorder: #f9fafb;
  --Components-Button-Dark-HoveredBackground: #002b8f;
  --Components-Button-Dark-HoveredBorder: #002b8f;
  --Components-Button-Dark-ActiveBackground: #1a1e21;
  --Components-Button-Dark-ActiveBorder: #191c1f;
  --Components-Button-Link-HoveredText: #002b8f;
  --Components-Button-Link-ActiveText: #1e152a;
  --Components-Card-Border: #0000002d;
  --Components-Card-CaptionBackground: #00000008;
  --Components-Checkbox-Border: #ebf1ff;
  --Components-Checkbox-FocusedBorder: #86b7fe;
  --Components-Dropdowns-Border: #00000026;
  --Components-Dropdowns-Light-HoveredItemText: #1e2125;
  --Components-Dropdowns-Dark-HoveredItemBackground: #ffffff26;
  --Components-Divider-DividerBackground: #ebf1ff80;
  --Components-ListGroup-Border: #00000020;
  --Components-Modal-Border: #ebf1ff;
  --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: #ffffff;
  --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: #f0f0f0;
  --Components-Toasts-Background: #ffffffd9;
  --Components-Toasts-Border: #0000001a;
  --Components-Toasts-HeaderBorder: #0000000d;
  --Components-Input-FocusedBorder: #86b7fe;
  --Components-Range-SliderBackground: #dee2e6;
  --Components-Offcanvas-Border: #00000033;

  /* Fonts */
  --Font-Family-Body: Roboto;
  --Font-Family-Headings: Futura;
  --Font-Family-Navigation: Poppins;
  --Font-Family-Font-Awesome-5-Pro: Font Awesome 5 Pro;
  --Font-Family-Small: Roboto;
  --Font-Weight-Solid: Solid;
  --Font-Weight-Navigation: 500;
  --Font-Weight-Navigation-Active: 600;
  --Line-Height-Auto: Auto;
}

[data-bs-theme="dark"] {
  /* Core neutrals */
  --White: #000000;
  --Black: #ffffff;
  --Grey-100: #212529;
  --HitBox: #ffffff00;
  --BodyText-BodyColor: #ffffff;

  /* Brand theme */
  --Theme-Primary: #e990a9;
  --Theme-Primary-Sidebar: transparent;
  --Theme-Primary-Hover: #991e41;
  --Theme-Secondary: #e26e8f;
  --Theme-Tertiary: #2f0914;
  --Theme-Success: #1a936f;
  --Theme-Danger: #bd0f32;
  --Theme-Danger-Hover: #e2123c;
  --Theme-Alert: #ff6700;
  --Theme-Warning: #eac435;
  --Theme-Info: #0dcaf0;
  --Theme-Light: #2f0914;
  --Theme-Dark: #fdf6f8;
  --Theme-Border: #4d0f20;
  --Theme-Primary-2: #0d6efd;
  --Primary-100: #2f0914;
  --Primary-200: #4d0f20;
  --Primary-400: #991e41;

  /* Feedback and utility */
  --Alert-Danger-Background: #f8d7da;
  --Alert-Danger-Border: #f5c2c7;
  --Alert-Danger-Text: #842029;
  --Component-Input-Placeholder: #e26e8f;
  --Shadow: rgba(0, 0, 0, 0.4);
  --Table-Row: #3a0b19;
  --Table-Border: #4d0f20;
  --Footnote-Logo: True;

  /* Gray scale */
  --Gray-White: #000000;
  --Gray-100: #212529;
  --Gray-200: #343a40;
  --Gray-300: #495057;
  --Gray-400: #6c757d;
  --Gray-500: #adb5bd;
  --Gray-600: #ced4da;
  --Gray-700: #dee2e6;
  --Gray-800: #e9ecef;
  --Gray-900: #f8f9fa;
  --Gray-Black: #ffffff;

  /* Blue scale */
  --Blue-0: #e0e9ff;
  --Blue-100: #c2d4ff;
  --Blue-200: #85a9ff;
  --Blue-300: #578dff;
  --Blue-400: #3370ff;
  --Blue-500: #0049f5;
  --Blue-600: #0043e0;
  --Blue-700: #002b8f;
  --Blue-800: #001f66;
  --Blue-900: #00123d;

  /* Orange scale */
  --Orange-700: #984c0c;
  --Orange-600: #ca6510;
  --Orange-300: #feb272;
  --Orange-200: #fecba1;
  --Orange-100: #ffe5d0;
  --Orange-0: #fef6f0;
  --Orange-400: #fd9843;
  --Orange-500: #fd7e14;
  --Orange-800: #653208;
  --Orange-900: #331904;

  /* Indigo scale */
  --Indigo-100: #e0cffc;
  --Indigo-200: #c29ffa;
  --Indigo-300: #a370f7;
  --Indigo-400: #8540f5;
  --Indigo-500: #6610f2;
  --Indigo-600: #520dc2;
  --Indigo-700: #3d0a91;
  --Indigo-800: #290661;
  --Indigo-900: #140330;

  /* Purple scale */
  --Purple-100: #e2d9f3;
  --Purple-200: #c5b3e6;
  --Purple-300: #a98eda;
  --Purple-400: #8c68cd;
  --Purple-500: #6f42c1;
  --Purple-600: #59359a;
  --Purple-700: #432874;
  --Purple-800: #2c1a4d;
  --Purple-900: #160d27;

  /* Pink scale */
  --Pink-100: #f7d6e6;
  --Pink-200: #efadce;
  --Pink-300: #e685b5;
  --Pink-400: #de5c9d;
  --Pink-500: #d63384;
  --Pink-600: #ab296a;
  --Pink-700: #801f4f;
  --Pink-800: #561435;
  --Pink-900: #2b0a1a;

  /* Red scale */
  --Red-100: #fac6d1;
  --Red-200: #f7a1b2;
  --Red-300: #f47b93;
  --Red-400: #f15574;
  --Red-500: #ed254e;
  --Red-600: #e2123c;
  --Red-700: #bd0f32;
  --Red-800: #970c28;
  --Red-900: #4b0614;

  /* Yellow scale */
  --Yellow-100: #fff3cd;
  --Yellow-200: #ffe69c;
  --Yellow-300: #ffda6a;
  --Yellow-400: #ffcd39;
  --Yellow-500: #ffc107;
  --Yellow-600: #cc9a06;
  --Yellow-700: #997404;
  --Yellow-800: #664d03;
  --Yellow-900: #332701;

  /* Green scale */
  --Green-100: #74e7c4;
  --Green-200: #52e0b6;
  --Green-300: #2fdaa7;
  --Green-400: #22bf90;
  --Green-500: #1a936f;
  --Green-600: #15795b;
  --Green-700: #0f5741;
  --Green-800: #093427;
  --Green-900: #03110d;

  /* Teal scale */
  --Teal-100: #d2f4ea;
  --Teal-200: #a6e9d5;
  --Teal-300: #79dfc1;
  --Teal-400: #4dd4ac;
  --Teal-500: #20c997;
  --Teal-600: #1aa179;
  --Teal-700: #13795b;
  --Teal-800: #0d503c;
  --Teal-900: #06281e;

  /* Cyan scale */
  --Cyan-800: #055160;
  --Cyan-900: #032830;
  --Cyan-100: #cff4fc;
  --Cyan-200: #9eeaf9;
  --Cyan-300: #6edff6;
  --Cyan-400: #3dd5f3;
  --Cyan-500: #0dcaf0;
  --Cyan-600: #0aa2c0;
  --Cyan-700: #087990;
  --Cyan-1000: #011014;

  /* Placeholders */
  --Placeholder-Image: #f8f9fa;
  --Placeholder-Avatar: #ffffff;

  /* Component tokens */
  --Components-Accordion-Border: #00000020;
  --Components-Accordion-ActiveItemHeaderBackground: #e7f1ff;
  --Components-Accordion-ActiveItemHeaderTextColor: #0c63e4;
  --Components-Alert-Primary-Text: #084298;
  --Components-Alert-Primary-Background: #cfe2ff;
  --Components-Alert-Primary-Border: #b6d4fe;
  --Components-Alert-Primary-Link: #06357a;
  --Components-Alert-Secondary-Text: #41464b;
  --Components-Alert-Secondary-Background: #e2e3e5;
  --Components-Alert-Secondary-Border: #d3d6d8;
  --Components-Alert-Secondary-Link: #34383c;
  --Components-Alert-Success-Text: #0f5132;
  --Components-Alert-Success-Background: #d1e7dd;
  --Components-Alert-Success-Border: #badbcc;
  --Components-Alert-Success-Link: #0c4128;
  --Components-Alert-Danger-Text: #842029;
  --Components-Alert-Danger-Background: #f8d7da;
  --Components-Alert-Danger-Border: #f5c2c7;
  --Components-Alert-Danger-Link: #6a1a21;
  --Components-Alert-Warning-Text: #664d03;
  --Components-Alert-Warning-Background: #fff3cd;
  --Components-Alert-Warning-Border: #ffecb5;
  --Components-Alert-Warning-Link: #523e02;
  --Components-Alert-Info-Text: #055160;
  --Components-Alert-Info-Background: #cff4fc;
  --Components-Alert-Info-Border: #b6effb;
  --Components-Alert-Info-Link: #04414d;
  --Components-Alert-Light-Text: #636464;
  --Components-Alert-Light-Background: #fefefe;
  --Components-Alert-Light-Border: #fdfdfe;
  --Components-Alert-Light-Link: #4f5050;
  --Components-Alert-Dark-Text: #141619;
  --Components-Alert-Dark-Background: #d3d3d4;
  --Components-Alert-Dark-Border: #bcbebf;
  --Components-Alert-Dark-Link: #101214;
  --Components-Button-Primary-HoveredBackground: #002b8f;
  --Components-Button-Primary-HoveredBorder: #002b8f;
  --Components-Button-Primary-ActiveBackground: #1e152a;
  --Components-Button-Primary-ActiveBorder: #1e152a;
  --Components-Button-Secondary-HoveredBackground: #002b8f;
  --Components-Button-Secondary-HoveredBorder: #002b8f;
  --Components-Button-Secondary-ActiveBackground: #1e152a;
  --Components-Button-Secondary-ActiveBorder: #51585e;
  --Components-Button-Success-HoveredBackground: #157347;
  --Components-Button-Success-HoveredBorder: #146c43;
  --Components-Button-Success-ActiveBackground: #146c43;
  --Components-Button-Success-ActiveBorder: #13653f;
  --Components-Button-Danger-HoveredBackground: #bb2d3b;
  --Components-Button-Danger-HoveredBorder: #b02a37;
  --Components-Button-Danger-ActiveBackground: #b02a37;
  --Components-Button-Danger-ActiveBorder: #a52834;
  --Components-Button-Warning-HoveredBackground: #ffca2c;
  --Components-Button-Warning-HoveredBorder: #ffc720;
  --Components-Button-Warning-ActiveBackground: #ffcd39;
  --Components-Button-Warning-ActiveBorder: #ffc720;
  --Components-Button-Info-HoveredBackground: #31d2f2;
  --Components-Button-Info-HoveredBorder: #25cff2;
  --Components-Button-Info-ActiveBackground: #3dd5f3;
  --Components-Button-Info-ActiveBorder: #25cff2;
  --Components-Button-Light-HoveredBackground: #f9fafb;
  --Components-Button-Light-HoveredBorder: #f9fafb;
  --Components-Button-Light-ActiveBackground: #f9fafb;
  --Components-Button-Light-ActiveBorder: #f9fafb;
  --Components-Button-Dark-HoveredBackground: #002b8f;
  --Components-Button-Dark-HoveredBorder: #002b8f;
  --Components-Button-Dark-ActiveBackground: #1a1e21;
  --Components-Button-Dark-ActiveBorder: #191c1f;
  --Components-Button-Link-HoveredText: #002b8f;
  --Components-Button-Link-ActiveText: #1e152a;
  --Components-Card-Border: #0000002d;
  --Components-Card-CaptionBackground: #00000008;
  --Components-Checkbox-Border: #ebf1ff;
  --Components-Checkbox-FocusedBorder: #86b7fe;
  --Components-Dropdowns-Border: #00000026;
  --Components-Dropdowns-Light-HoveredItemText: #1e2125;
  --Components-Dropdowns-Dark-HoveredItemBackground: #ffffff26;
  --Components-Divider-DividerBackground: #ebf1ff80;
  --Components-ListGroup-Border: #00000020;
  --Components-Modal-Border: #ebf1ff;
  --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: #ffffff;
  --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: #f0f0f0;
  --Components-Toasts-Background: #ffffffd9;
  --Components-Toasts-Border: #0000001a;
  --Components-Toasts-HeaderBorder: #0000000d;
  --Components-Input-FocusedBorder: #86b7fe;
  --Components-Range-SliderBackground: #dee2e6;
  --Components-Offcanvas-Border: #00000033;

  /* Fonts */
  --Font-Family-Body: Roboto;
  --Font-Family-Headings: Futura;
  --Font-Family-Navigation: Poppins;
  --Font-Family-Font-Awesome-5-Pro: Font Awesome 5 Pro;
  
  --Font-Weight-Navigation: 500;
  --Font-Weight-Navigation-Active: 600;
}
