/*
 * Altcha-Widget im Projekt-Look (siehe DESIGN.md).
 *
 * Bewusst eine eigene Datei statt eines <style>-Blocks in der View: das
 * Tailwind-CDN schreibt sein CSS zur Laufzeit selbst ins Dokument und kann
 * keine CSP-Nonce übernehmen. Alles, was hier als Datei liegt, ist über
 * style-src 'self' erlaubt und von der Nonce-Frage unabhängig.
 */

.altcha-wrapper altcha-widget {
  --altcha-max-width: 100%;
  --altcha-border-radius: 0.5rem;
  --altcha-color-base: #FFFFFF;
  --altcha-color-text: #1B2A4A;
  --altcha-color-border: #E8E0D5;
  --altcha-color-border-focus: #1677B3;
  --altcha-color-active: #1677B3;
  --altcha-color-footer-bg: #F5F0E6;
  --altcha-color-error-text: #B42318;
  font-size: 0.875rem;
}

/* Dunkle Flächen, z. B. der Admin-Login */
.altcha-wrapper--dark altcha-widget {
  --altcha-color-base: #0D1117;
  --altcha-color-text: #C9D1D9;
  --altcha-color-border: #30363D;
  --altcha-color-border-focus: #4ABFDE;
  --altcha-color-active: #4ABFDE;
  --altcha-color-footer-bg: #161B22;
  --altcha-color-error-text: #F85149;
}