/* Feuerwehr-Abenteuer: Farben, Schrift, Rundungen. Kontrast-Paarungen prüft `node theme/contrast-check.mjs`. */
@font-face { font-family: "Nunito"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/nunito-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Nunito"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/nunito-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Nunito"; font-weight: 800; font-style: normal; font-display: swap; src: url("fonts/nunito-latin-800-normal.woff2") format("woff2"); }

:root {
  --wt-red: #c62828;
  --wt-red-dark: #8e1b1b;
  --wt-yellow: #ffc933;
  --wt-blue: #0b5cad;
  --wt-blue-soft: #e3f0fc;
  --wt-green: #1b7f4b;
  --wt-ink: #1d2433;
  --wt-ink-soft: #4a5568;
  --wt-paper: #fff8ec;
  --wt-white: #ffffff;
  --wt-bronze: #b0753a;
  --wt-silver: #aab4c0;
  --wt-gold: #f2b705;
  --wt-radius: 1.25rem;
  --wt-tap: 44px;
  /* contrast: --wt-ink on --wt-paper */
  /* contrast: --wt-ink on --wt-white */
  /* contrast: --wt-ink-soft on --wt-paper */
  /* contrast: --wt-ink-soft on --wt-white */
  /* contrast: --wt-white on --wt-red */
  /* contrast: --wt-white on --wt-red-dark */
  /* contrast: --wt-white on --wt-blue */
  /* contrast: --wt-white on --wt-green */
  /* contrast: --wt-ink on --wt-yellow */
  /* contrast: --wt-red on --wt-paper */
  /* contrast: --wt-blue on --wt-paper */
  /* contrast: --wt-blue on --wt-blue-soft */
  /* contrast: --wt-ink on --wt-blue-soft */
}

/* Hell-Modus mit Skin "adventure" (html data-skin). Das Thema belegt die bestehenden Farbvariablen der App neu, damit alle Ansichten sofort den neuen Look bekommen. */
[data-theme="light"][data-skin="adventure"] {
  --color-bg: var(--wt-paper);
  --color-bg-deep: #ffefd2;
  --color-surface: var(--wt-white);
  --color-surface-elevated: var(--wt-blue-soft);
  --color-surface-glass: rgba(255, 255, 255, .94);
  --color-border: #e2c9a0;
  --color-border-strong: #7a6a52;
  --color-text: var(--wt-ink);
  --color-text-muted: var(--wt-ink-soft);
  --color-text-subtle: var(--wt-ink-soft);
  --color-accent: var(--wt-red);
  --color-accent-hover: var(--wt-red-dark);
  --color-on-accent: var(--wt-white);
  --color-info: var(--wt-blue);
  --color-success: var(--wt-green);
  --color-warning: #8a5a00;
  --color-danger: #b4233b;
  --color-focus: var(--wt-blue);
  --color-overlay: rgba(29, 36, 51, .6);
  --font-display: Nunito, "Trebuchet MS", system-ui, sans-serif;
  --font-sans: Nunito, "Trebuchet MS", system-ui, sans-serif;
  --radius-sm: .75rem;
  --radius-md: 1.125rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;
  --shadow-card: 0 .5rem 0 rgba(122, 106, 82, .18);
  --shadow-pop: 0 1rem 2.5rem rgba(29, 36, 51, .22);
  --shadow-accent: 0 .25rem 0 var(--wt-red-dark);
  color-scheme: light;
}

/* Kinder-Schrift gilt in hellem und dunklem Theme */
html[data-skin="adventure"] {
  --font-display: Nunito, "Trebuchet MS", system-ui, sans-serif;
  --font-sans: Nunito, "Trebuchet MS", system-ui, sans-serif;
}