/* Tokeny, reset i reguły globalne — współdzielone przez wszystkie widoki
   (archiwum i mapę). Reszta stylów aplikacji jest w app.css i map.css. */

:root {
  --ink: #0e1620;
  --panel: #16212e;
  --panel-2: #1b2837;
  --line: #26374a;
  --fg: #e8eef5;
  --muted: #8598ac;
  --accent: #46c7e0;   /* cyan przyrządu */
  --warm: #f0a63c;     /* bursztyn — akcent metryki */
  --good: #5ad1a5;
  --bad: #e8574e;
  --radius: 12px;
  --dur: 120ms;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--ink);
  color: var(--fg);
  font-family: var(--sans);
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  /* Natywne kontrolki (kalendarz w <input type=datetime-local>, suwaki,
     scrollbary) w ciemnym wariancie zamiast domyślnego jasnego. */
  color-scheme: dark;
}

/* ---- Nagłówek / strip odczytu ------------------------------------- */
header {
  border-bottom: 1px solid var(--line);
  padding: 18px 22px;
  display: flex;
  align-items: baseline;
  gap: 16px;
  flex-wrap: wrap;
}
header .mark {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.18em;
  color: var(--accent);
  text-transform: uppercase;
}
header h1 {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  letter-spacing: -0.01em;
}
header .sub {
  font-family: var(--mono);
  font-size: 12px;
  color: var(--muted);
  margin-left: auto;
}

.hidden { display: none; }

/* Widoczny fokus klawiatury wszędzie tam, gdzie nie ma bardziej
   szczegółowej reguły (patrz .station:focus-visible w app.css). */
:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}