/* Chart-Barrierefreiheit: nicht-textliche Kontraste fuer radix.html und transite.html
 * (Variante C, 16.07.2026). Diese Datei ist NUR auf diesen beiden Seiten verlinkt und
 * laedt nach src/styles.css, sodass die Ueberschreibungen bei gleicher Spezifitaet
 * greifen. Alle Ratios sind mit der WCAG-2.x-Relative-Luminance-Formel geprueft
 * (siehe tests/contrast-fullcheck-tests.js). Es werden bewusst nur Randfarben gesetzt,
 * keine neuen Text-/Hintergrundpaare, damit der Textkontrast-Vollcheck unberuehrt bleibt. */

/* (a) Ruhezustand der Eingabefelder: #dde6ea auf --field-bg #f6f9fa ergibt nur 1,20:1.
   #808f9c hebt den Feldrand auf 3,14:1 gegen #f6f9fa (>= 3:1 fuer Bedienelemente). */
.input-grid input,
.input-grid select {
  border-color: #808f9c;
}

/* (b) Transit-Schieberegler: der weisse Daumen trug einen var(--cyan)-Rand (#00b2c2),
   nur 2,58:1 auf Weiss. var(--petrol) #006479 ergibt 6,78:1 auf der weissen Daumenfuellung. */
.transit-controls input[type="range"]::-webkit-slider-thumb {
  border-color: var(--petrol);
}

.transit-controls input[type="range"]::-moz-range-thumb {
  border-color: var(--petrol);
}

/* (c) Aktive Werkzeug-/Umschalt-Ränder: bisher halbtransparentes Cyan
   (rgba(0,174,187,0.34..0.42)), aufgemischt nur ~1,4-1,5:1 gegen den Porzellan-Grund.
   var(--petrol) #006479 ergibt 6,78:1 gegen Weiss und 5,77:1 gegen den dunkelsten
   Porzellan-Fallback #eaedf1 (jeweils >= 3:1). Deckt sich mit der aktiven Textfarbe. */
.aspect-master.active,
.layout-toggle button.active,
.aspect-filter-switch button.active,
.minor-body-toggle button.active {
  border-color: var(--petrol);
}