/**
 * SlimBar - High Contrast Light Mode
 * @version 1.0.0
 */

/* High Contrast Light Mode - WCAG AAA compliant (7:1+ ratios) */
:root.az-contrast-light,
:root.az-contrast-light body {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* Text elements */
:root.az-contrast-light p,
:root.az-contrast-light span,
:root.az-contrast-light div,
:root.az-contrast-light li,
:root.az-contrast-light td,
:root.az-contrast-light th,
:root.az-contrast-light label,
:root.az-contrast-light figcaption,
:root.az-contrast-light caption,
:root.az-contrast-light cite,
:root.az-contrast-light blockquote,
:root.az-contrast-light q,
:root.az-contrast-light address,
:root.az-contrast-light time,
:root.az-contrast-light mark {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* Headings */
:root.az-contrast-light h1,
:root.az-contrast-light h2,
:root.az-contrast-light h3,
:root.az-contrast-light h4,
:root.az-contrast-light h5,
:root.az-contrast-light h6 {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* Links */
:root.az-contrast-light a,
:root.az-contrast-light a:link,
:root.az-contrast-light a:visited {
  background-color: transparent !important;
  color: #0000ff !important;
  text-decoration: underline !important;
}

:root.az-contrast-light a:hover,
:root.az-contrast-light a:focus,
:root.az-contrast-light a:active {
  background-color: #0000ff !important;
  color: #ffffff !important;
}

/* Form elements */
:root.az-contrast-light input,
:root.az-contrast-light textarea,
:root.az-contrast-light select,
:root.az-contrast-light button {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
}

:root.az-contrast-light input:focus,
:root.az-contrast-light textarea:focus,
:root.az-contrast-light select:focus,
:root.az-contrast-light button:focus {
  outline: 3px solid #0000ff !important;
  outline-offset: 2px !important;
}

/* Images - add border for visibility */
:root.az-contrast-light img {
  border: 2px solid #000000 !important;
  opacity: 1 !important;
}

:root.az-contrast-light svg {
  fill: #000000 !important;
  stroke: #000000 !important;
}

/* Tables */
:root.az-contrast-light table,
:root.az-contrast-light tr,
:root.az-contrast-light td,
:root.az-contrast-light th {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}

/* Code and preformatted text */
:root.az-contrast-light code,
:root.az-contrast-light pre,
:root.az-contrast-light kbd,
:root.az-contrast-light samp {
  background-color: #f5f5f5 !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}

/* Navigation and menus */
:root.az-contrast-light nav,
:root.az-contrast-light .nav,
:root.az-contrast-light .menu,
:root.az-contrast-light .navigation {
  background-color: #ffffff !important;
}

:root.az-contrast-light nav a,
:root.az-contrast-light .nav a,
:root.az-contrast-light .menu a,
:root.az-contrast-light .navigation a {
  color: #0000ff !important;
}

/* Buttons */
:root.az-contrast-light button,
:root.az-contrast-light [role="button"],
:root.az-contrast-light input[type="button"],
:root.az-contrast-light input[type="submit"],
:root.az-contrast-light input[type="reset"] {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
}

:root.az-contrast-light button:hover,
:root.az-contrast-light [role="button"]:hover,
:root.az-contrast-light input[type="button"]:hover,
:root.az-contrast-light input[type="submit"]:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Skip links and focus indicators */
:root.az-contrast-light .skip-link,
:root.az-contrast-light [href^="#main"],
:root.az-contrast-light [href^="#content"] {
  background-color: #0000ff !important;
  color: #ffffff !important;
}

/* Blockquotes */
:root.az-contrast-light blockquote {
  border-left: 4px solid #0000ff !important;
}

/* Horizontal rules */
:root.az-contrast-light hr {
  border-color: #000000 !important;
  background-color: #000000 !important;
}

/* Selection */
:root.az-contrast-light ::selection {
  background-color: #0000ff !important;
  color: #ffffff !important;
}

/* Placeholder text */
:root.az-contrast-light ::placeholder {
  color: #666666 !important;
  opacity: 1 !important;
}

/* Lists */
:root.az-contrast-light ul,
:root.az-contrast-light ol {
  background-color: #ffffff !important;
}

/* Articles, sections, aside */
:root.az-contrast-light article,
:root.az-contrast-light section,
:root.az-contrast-light aside,
:root.az-contrast-light header,
:root.az-contrast-light footer,
:root.az-contrast-light main {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* Widgets and sidebars */
:root.az-contrast-light .widget,
:root.az-contrast-light .sidebar,
:root.az-contrast-light [class*="widget"] {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* Focus outline override - ensure visibility */
:root.az-contrast-light :focus,
:root.az-contrast-light :focus-visible {
  outline: 3px solid #0000ff !important;
  outline-offset: 3px !important;
}

/* Ensure high contrast toolbar compatibility */
:root.az-contrast-light .az-toolbar {
  --az-bg: #ffffff;
  --az-fg: #000000;
  --az-border: #000000;
  --az-accent: #0000ff;
}

:root.az-contrast-light .az-trigger {
  background-color: #ffffff !important;
  border: 2px solid #000000 !important;
}

:root.az-contrast-light .az-panel {
  background-color: #ffffff !important;
  border: 2px solid #000000 !important;
}