/* CORE theme for Opisownia – the single place to restyle the whole app.
   Colours and fonts follow medycyna-ratunkowa.pl (assets/core.css): Inter for text, Poppins for headings,
   turquoise #0E7C86. The dark variant is ours (CORE has none) – same hues, for night shifts. */
/* Fonts are self-hosted: loading them from Google would send every visitor's IP to Google (RODO, LG München 2022). */
@import url("/static/fonts/fonts.css");

:root {
  /* CORE names */
  --tlo: #F7FAFB; --panel-core: #ECF4F5; --panel2: #DFEDEF;
  --linia: rgba(14,124,134,.16); --linia-mocna: rgba(14,124,134,.42);
  --turkus: #0E7C86; --turkus-ciemny: #0A5A62; --bursztyn: #96610F; --roz: #b34a59;
  --tekst: #15282D; --tekst-mocny: #0A181C; --przygaszony: #48656C;

  /* app tokens mapped onto CORE */
  --bg: var(--tlo); --panel: #FFFFFF; --text: var(--tekst); --text-strong: var(--tekst-mocny);
  --muted: var(--przygaszony); --border: var(--linia); --border-strong: var(--linia-mocna);
  --accent: var(--turkus); --accent-hover: var(--turkus-ciemny); --accent-text: #FFFFFF;
  --accent-soft: rgba(14,124,134,.09); --banner: var(--panel-core);
  --field: #FFFFFF;
  --changed: #FFF1D6; --changed-edge: var(--bursztyn);
  --added: #E2F4EE; --added-edge: #1F7A55;
  --warn-bg: #FBE9EC; --warn: var(--roz);

  --font-text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-head: "Poppins", var(--font-text);
  --fs: 16.5px; --fs-small: 14px; --fs-report: 16px; --lh: 1.65;
  --radius: 12px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --tlo: #0C1A1D; --panel-core: #12272B; --panel2: #183238;
    --linia: rgba(79,196,205,.20); --linia-mocna: rgba(79,196,205,.45);
    --turkus: #4FC4CD; --turkus-ciemny: #7AD6DD; --bursztyn: #E3AE52; --roz: #EE8A98;
    --tekst: #E4EFF1; --tekst-mocny: #FFFFFF; --przygaszony: #A3BCC1;
    --panel: #11242A; --field: #0E1F23; --accent-text: #06181B; --accent-soft: rgba(79,196,205,.14);
    --changed: #3A2F16; --added: #123326; --added-edge: #5FD0A0; --warn-bg: #3B1C22;
    color-scheme: dark;
  }
}

html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--text);
  font-family: var(--font-text); font-size: var(--fs); line-height: var(--lh);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
h1, h2, h3 { font-family: var(--font-head); color: var(--text-strong); letter-spacing: -.01em; }
button, select, input, textarea { font-family: var(--font-text); font-size: inherit; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }