/* LabelMed — tokeny projektowe (patrz docs/analiza.html, sekcja UX)
   Kontrast tekst/tło ~13:1 (wymóg AAA 7:1). Cele dotykowe: patrz --touch-*. */
:root {
  /* paleta kliniczna — tryb dzienny */
  --bg: #F2F7F6;
  --tile: #FFFFFF;
  --ink: #0F2E2A;
  --muted: #3E5A55;
  --accent: #0E7490;
  --accent-soft: #DCF1F5;
  --cta: #15803D;
  --cta-ink: #FFFFFF;
  --border: #DCE7E4;
  --warn: #B45309;
  --warn-bg: #FEF3C7;
  --bad: #B91C1C;
  --bad-bg: #FEE2E2;

  /* typografia — prezbiopia: baza >= 20 px */
  --font: -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;
  --fs-base: 20px;
  --fs-tile: 24px;
  --fs-title: 28px;
  --fs-drug: 32px;
  --fs-caption: 15px;

  /* cele dotykowe — rękawiczki nitrylowe */
  --touch-tile: 120px;     /* kafel główny */
  --touch-nav: 72px;       /* wstecz / pasek dolny */
  --touch-cta: 96px;       /* DRUKUJ */
  --gap: 16px;             /* minimalny odstęp między celami */

  --radius: 20px;        /* kafle, karty */
  --radius-sm: 14px;     /* przyciski, pola, klawisze */
  --shadow: 0 1px 2px rgba(10, 40, 36, .04), 0 6px 18px rgba(10, 40, 36, .07);
  --shadow-lift: 0 2px 4px rgba(10, 40, 36, .05), 0 10px 26px rgba(10, 40, 36, .10);
  --t-fast: 150ms;
}

/* tryb nocny — dyżury: bez olśnienia, kontrast nadal AAA */
[data-mode="night"] {
  --bg: #101C1A;
  --tile: #1B2B28;
  --ink: #EAF2F0;
  --muted: #A9BDB9;
  --accent: #4CC9D6;
  --accent-soft: #123B41;
  --cta: #22A455;
  --cta-ink: #06130B;
  --border: #2C3E3A;
  --warn: #F5B458;
  --warn-bg: #3A2E10;
  --bad: #F08080;
  --bad-bg: #3A1414;
  --shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 18px rgba(0, 0, 0, .30);
  --shadow-lift: 0 2px 4px rgba(0, 0, 0, .40), 0 10px 26px rgba(0, 0, 0, .38);
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}