/* Custom QGDS Theme */

/* Backgrounds */
:root {
  --QLD-color-light__background: #EFF4F9; /* Light background */
  --QLD-color-light__background--shade: #E5EEF5; /* Light background shade */
  --QLD-color-light__background--alt: #E8E8E8; /* Light background alternative */
  --QLD-color-light__background--alt-shade: #E0E0E0; /* Light background alternative shade */
  --QLD-color-dark__background: #09549F; /* Dark background */
  --QLD-color-dark__background--shade: #04498F; /* Dark background shade */
  --QLD-color-dark__background--alt: #05325F; /* Dark background alternative */
  --QLD-color-dark__background--alt-shade: #052C53; /* Dark background alternative shade */

/* Borders */
--QLD-color-light__border: #CCDDEE; /* Light border */
--QLD-color-light__border--alt: #7A7A7A; /* Light alternative border */
--QLD-color-dark__border: #1D9AC6; /* Dark border */
--QLD-color-dark__border--alt: #09ACFE; /* Dark alternative border */

/* Actions */
--QLD-color-light__action--primary: #09549F; /* Light primary action */
--QLD-color-light__action--primary-hover: #003E7D; /* Light primary action hover */
--QLD-color-light__action--secondary: #008635; /* Light secondary action */
--QLD-color-light__action--secondary-hover: #005B23; /* Light secondary action hover */
--QLD-color-dark__action--primary: #78BA00; /* Dark primary action */
--QLD-color-dark__action--primary-hover: #ADD33F; /* Dark primary action hover */
--QLD-color-dark__action--secondary: #FFE500; /* Dark secondary action */
--QLD-color-dark__action--secondary-hover: #FFEF60; /* Dark secondary action hover */

/* Accent */
--QLD-color-light-designAccent: #84D3FF; /* Light accent */
--QLD-color-dark-designAccent: #84D3FF; /* Dark accent */

/* Focus */
--QLD-color-light__focus: #0085B3; /* Light focus */
--QLD-color-dark__focus: #01B0E5; /* Dark focus */

/* Text Links */
--QLD-color-light__link: #09549F; /* Light text link */
--QLD-color-light__link--visited: #551A8B; /* Light visited link */
--QLD-color-light__link--on-action: #FFFFFF; /* Light link on action */
--QLD-color-dark__link: #FFFFFF; /* Dark text link */
--QLD-color-dark__link--visited: #E1BBEE; /* Dark visited link */
--QLD-color-dark__link--on-action: #121940; /* Dark link on action */

/* Text */
--QLD-color-light__heading: #003366; /* Light heading */
--QLD-color-light__text: #1D1D1B; /* Light foreground text */
--QLD-color-light__text--lighter: #4F4F4F; /* Light foreground text lighter */
--QLD-color-dark__heading: #FFFFFF; /* Dark heading */
--QLD-color-dark__text: #F1F1F1; /* Dark foreground text */
--QLD-color-dark__text--lighter: #B0B0B0; /* Dark foreground text lighter */

/* Underlines */
--QLD-color-light__underline: #3F7AB4; /* Light default underline */
--QLD-color-light__underline--visited: #8B63B0; /* Light visited link underline */
--QLD-color-dark__underline: #B5CCE2; /* Dark default underline */
--QLD-color-dark__underline--hover-visited: #E1C2FF; /* Dark visited link underline */

/* Site Title */
  --QLD-color-light__site-title: #022A50; /* Light site title */
  --QLD-color-dark__site-title: #FFFFFF; /* Dark site title */

  /* Additional Light Theme Tokens */
  --QLD-color-light-siteTitle: #005EB8;
  --QLD-color-light-heading: #000053;
  --QLD-color-light-text: #353535;
  --QLD-color-light-text__muted: #636363;
  --QLD-color-light-link: #005EB8;
  --QLD-color-light-link__visited: #551A8B;
  --QLD-color-light-button__text: #FFFFFF;
  --QLD-color-light-button: #005EB8;
  --QLD-color-light-button__hover: #003E96;
  --QLD-color-light-focus: #002E85;
  --QLD-color-light-border: #EBEBEB;
  --QLD-color-light-background: #FFFFFF;
  --QLD-color-light-background__shade: #F5F5F5;
  --QLD-color-light-hint: #636363;
  --QLD-color-light-system-underline: #FFFFFF;
  --QLD-color-light-underline: #3F7AB4;
  --QLD-color-light-hover-underline: #005EB8;
  --QLD-color-light-visited-underline: #8B63B0;
  --QLD-color-light-hover-visited-underline: #551A8B;
  --QLD-color-light-alt-button: #307EDB;
  --QLD-color-light-alt-button__hover: #004EA7;
  --QLD-color-light-alt-border: #848484;
  --QLD-color-light-alt-background: #E3E7EA;
  --QLD-color-light-alt-background__shade: #D6DCE0;
  --QLD-color-light-alt-hint: #636363;

  /* Additional Dark Theme Tokens */
  --QLD-color-dark-siteTitle: #FFFFFF;
  --QLD-color-dark-heading: #FFFFFF;
  --QLD-color-dark-text: #FFFFFF;
  --QLD-color-dark-text__muted: #DEEBF9;
  --QLD-color-dark-link: #FFFFFF;
  --QLD-color-dark-link__visited: #E1BBEE;
  --QLD-color-dark-button__text: #001C37;
  --QLD-color-dark-button: #84D3FF;
  --QLD-color-dark-button__hover: #A6F7FF;
  --QLD-color-dark-focus: #C6FFFF;
  --QLD-color-dark-border: #418FED;
  --QLD-color-dark-background: #005EB8;
  --QLD-color-dark-background__shade: #003E96;
  --QLD-color-dark-system-underline: #03213F;
  --QLD-color-dark-underline: #B5CCE2;
  --QLD-color-dark-hover-underline: #FFFFFF;
  --QLD-color-dark-visited-underline: #E1C2FF;
  --QLD-color-dark-hover-visited-underline: #E1BBEE;
  --QLD-color-dark-alt-button: #84D3FF;
  --QLD-color-dark-alt-button__hover: #A6F7FF;
  --QLD-color-dark-alt-border: #63B1FF;
  --QLD-color-dark-alt-background: #001D74;
  --QLD-color-dark-alt-background__shade: #000764;

  /* Typography & Spacing Tokens */
  --QLD-underline__thickness-thin: 0.5px;
  --QLD-underline__thickness-thick: 2px;
  --QLD-underline__offset: 0.3em;

  /* Desktop Font Sizes */
  --QLD-font-size-desktop-xs: 0.875rem;
  --QLD-font-size-desktop-sm: 1rem;
  --QLD-font-size-desktop-md: 1.25rem;
  --QLD-font-size-desktop-lg: 1.5rem;
  --QLD-font-size-desktop-xl: 2rem;
  --QLD-font-size-desktop-xxl: 2.5rem;
  --QLD-font-size-desktop-xxxl: 3rem;

  /* Border Radius */
  --QLD-border-radius-xs: 4px;
  --QLD-border-radius-sm: 12px;
  --QLD-border-radius-md: 16px;
  --QLD-border-radius-lg: 32px;
  --QLD-border-radius-xl: 40px;
  --QLD-border-radius-xxl: 64px;

  /* Border Width */
  --QLD-border-width-thin: 1px;
  --QLD-border-width-default: 2px;
  --QLD-border-width-medium: 3px;
  --QLD-border-width-thick: 4px;
  --QLD-border-width-extra-thick: 8px;

  /* Mobile Font Sizes */
  --QLD-font-size-mobile-xs: 0.875rem;
  --QLD-font-size-mobile-sm: 1rem;
  --QLD-font-size-mobile-md: 1.25rem;
  --QLD-font-size-mobile-lg: 1.5rem;
  --QLD-font-size-mobile-xl: 1.75rem;
  --QLD-font-size-mobile-xxl: 2rem;
  --QLD-font-size-mobile-xxxl: 2.5rem;
}