/* Alap design tokenek - szín, spacing, tipográfia. Mindkét nézet (iroda, szerelő) ezt tölti be elsőként. */

:root {
  --szin-elsodleges: #1d6f42;
  --szin-elsodleges-sotet: #14502f;
  --szin-elsodleges-vilagos: #e6f2ea;
  --szin-siker: #2e7d32;
  --szin-veszely: #c62828;
  --szin-veszely-vilagos: #fdecea;
  --szin-figyelmeztetes: #b26a00;
  --szin-figyelmeztetes-vilagos: #fff3e0;
  --szin-info: #1565c0;
  --szin-info-vilagos: #e8f0fe;
  --szin-lila: #6a1b9a;
  --szin-lila-vilagos: #f1e6f7;

  --szin-alap: #f5f6f7;
  --szin-felulet: #ffffff;
  --szin-szoveg: #1c1c1c;
  --szin-szoveg-halvany: #6b7280;
  --szin-szegely: #d9dcdf;

  --terkoz-1: 4px;
  --terkoz-2: 8px;
  --terkoz-3: 12px;
  --terkoz-4: 16px;
  --terkoz-5: 24px;
  --terkoz-6: 32px;
  --terkoz-7: 48px;

  --betumeret-sm: 14px;
  --betumeret-alap: 16px;
  --betumeret-lg: 20px;
  --betumeret-xl: 26px;

  --sarok-kicsi: 6px;
  --sarok-kozepes: 10px;
  --sarok-nagy: 16px;

  --arnyek-kartya: 0 1px 3px rgba(0, 0, 0, 0.08);
  --erintes-min: 44px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --szin-alap: #14171a;
    --szin-felulet: #1e2226;
    --szin-szoveg: #f0f1f2;
    --szin-szoveg-halvany: #9aa1a9;
    --szin-szegely: #33393f;
    --szin-elsodleges-vilagos: #16352497;
  }
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--szin-alap);
  color: var(--szin-szoveg);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: var(--betumeret-alap);
  line-height: 1.45;
  -webkit-tap-highlight-color: transparent;
}

h1, h2, h3, h4 {
  margin: 0 0 var(--terkoz-3);
  line-height: 1.2;
}

a { color: var(--szin-elsodleges); }

p { margin: 0 0 var(--terkoz-3); }

img { max-width: 100%; }