/* uc-theme.css — UnitCode-Anstrich für Yopass.
 *
 * Yopass nutzt DaisyUI. Das Aussehen hängt komplett an CSS-Variablen, die je
 * `data-theme` gesetzt werden (Standard: `emerald` hell, `dim` dunkel). Wir
 * überschreiben diese Variablen, statt gegen generierte Klassennamen zu
 * arbeiten. Damit übersteht das Theme auch ein Update des Yopass-Images,
 * solange DaisyUI die Variablennamen behält.
 *
 * Beide Themes bekommen dieselben Werte. Egal ob der Browser hell oder dunkel
 * bevorzugt, es sieht nach UnitCode aus.
 *
 * Farben aus unitcode.com/design-system:
 *   Fläche  #f8f8f6   Akzent  #2563eb   Schrift  #1d1d1b
 */

:root,
[data-theme],
[data-theme="emerald"],
[data-theme="dim"],
[data-theme="light"],
[data-theme="dark"] {
  color-scheme: light;

  /* Flächen */
  --color-base-100: #f8f8f6;   /* Canvas */
  --color-base-200: #efefea;   /* Karten, abgesetzte Flächen */
  --color-base-300: #e2e2db;   /* Ränder, Trenner */
  --color-base-content: #1d1d1b;

  /* Primär: UnitCode-Blau */
  --color-primary: #2563eb;
  --color-primary-content: #ffffff;

  /* Sekundär und Neutral: die Schriftfarbe als Fläche */
  --color-secondary: #1d1d1b;
  --color-secondary-content: #f8f8f6;
  --color-neutral: #1d1d1b;
  --color-neutral-content: #f8f8f6;

  /* Akzent bleibt im Blau, damit es eine Leitfarbe gibt statt zweier */
  --color-accent: #2563eb;
  --color-accent-content: #ffffff;

  /* Statusfarben: zurückhaltend, aber eindeutig */
  --color-info: #2563eb;
  --color-info-content: #ffffff;
  --color-success: #15803d;
  --color-success-content: #ffffff;
  --color-warning: #b45309;
  --color-warning-content: #ffffff;
  --color-error: #b91c1c;
  --color-error-content: #ffffff;

  /* Kanten etwas ruhiger als DaisyUI-Standard */
  --radius-box: 0.75rem;
  --radius-field: 0.5rem;
  --radius-selector: 0.5rem;
}

/* Die Wortmarke im Kopf durch den UnitCode-Schriftzug ersetzen. Der Text
   "Yopass" steckt im JS, deshalb blenden wir ihn aus und setzen unseren
   eigenen daneben. */
header a[href="/"] span,
header a[href="/"] > span {
  font-size: 0;
}
header a[href="/"] span::after {
  content: "UnitCode Secrets";
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--color-base-content);
}

/* Etwas mehr Ruhe im Satz */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}