@charset "UTF-8";

/*
 * OCUN — wspólny motyw aplikacji.
 * Kolejność: Bootstrap → theme.css → app.css → trainer.css → custom.css.
 * Kolory i typografia pozostają zgodne z wydaniem 1.1.
 * Układ i responsywność są opisane klasami Bootstrap w PHP i JavaScript.
 */

/* 1. Kolory i typografia współdzielone przez katalog i panel trenera. */
:root {
  --ink: #172f36;
  --accent: #b9233d;
  --accent-dark: #95192f;
  --muted: #687378;
  --paper: #f6f5f1;
  --line: #dce1e1;
  --white: #fff;
  --teal: #126d71;
  --bs-body-font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: var(--ink);
  --bs-body-bg: var(--paper);
  --bs-link-color: var(--ink);
  --bs-link-hover-color: var(--accent);
  --bs-border-color: var(--line);
  --bs-focus-ring-color: rgba(29, 133, 140, .25);
  font-family: var(--bs-body-font-family);
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
}

/* 2. Wspólna baza i zachowanie elementów interaktywnych. */
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
}
body:has(dialog[open]) { overflow: hidden; }
button, input, textarea, select { font: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; }
button:disabled { cursor: not-allowed; opacity: .55; }
input, textarea, select { min-width: 0; }
img { max-width: 100%; height: auto; }
button:focus-visible, a:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
  outline: 3px solid #1d858c;
  outline-offset: 3px;
}
/* Stan hidden ma pierwszeństwo przed klasami d-flex/d-grid Bootstrap. */
[hidden] { display: none !important; }

/* 3. Typografia sprzed migracji — Bootstrap Reboot nie zmienia projektu. */
h1, h2, h3, h4 { margin-top: 0; font-weight: 700; line-height: 1.18; }
h1 { font-size: 2em; margin-bottom: .67em; }
h2 { font-size: 1.5em; margin-bottom: .83em; letter-spacing: -.025em; }
h3 { font-size: 1.17em; margin-bottom: 1em; }
h4 { font-size: 1em; margin-bottom: 1.33em; }
p { margin-top: 0; margin-bottom: 1em; }
ul, ol { margin-top: 1em; margin-bottom: 1em; padding-left: 40px; }
dl { margin-top: 1em; margin-bottom: 1em; }
dd { margin-bottom: 0; margin-left: 40px; }
small { font-size: smaller; }
code, kbd { font-size: 1em; color: inherit; }
kbd { padding: 0; background: transparent; border-radius: 0; }

/* 4. Kontrolki Bootstrap korzystają ze skórki opisanej w app/trainer.css. */
.form-control, .form-select { font: inherit; color: inherit; }
.form-control:focus, .form-select:focus { box-shadow: none; }
.form-select { appearance: auto; background-image: none; }