/**
 * Gemeinsame Klassen der Formularfelder (#011).
 *
 * Stand vorher fuenfmal wortgleich in fuenf Dateien — und war damit genau die
 * Sorte Wiederholung, die beim naechsten Feinschliff an vier Stellen
 * unveraendert bleibt. In `src/lib`, weil Server- und Client-Komponenten sie
 * gleichermassen brauchen.
 */

/** Eingabefelder sind am Handy 44 px hoch (`min-h-11`), sonst trifft sie niemand. */
export const FELD =
  "min-h-11 rounded-karte border border-linie bg-grund px-3 text-sm text-text outline-none focus-visible:border-akzent";

/**
 * Kontrollkaestchen.
 *
 * Die umschliessende Beschriftung ist 44 px hoch und schaltet mit, die
 * Trefferflaeche stimmt also auch ohne diese Groesse — sichtbar zu klein bleibt
 * es trotzdem.
 */
export const KAESTCHEN = "size-4 accent-akzent";