/* KandG Labs: az Irattár semleges, minimalista színei. Webfont, szkript és
   külső forrás nincs: a látogatóról semmi nem megy harmadik félhez. */
:root {
  color-scheme: dark;
  --bg: #0a0c11;
  --surface: #1e232d;
  --ink: #f0f2f5;
  --ink-2: #9198a5;
  --accent: #5193f8;
}
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --bg: #f1f3f6;
    --surface: #ffffff;
    --ink: #14171c;
    --ink-2: #5b6270;
    --accent: #1d4ed8;
  }
}

* { box-sizing: border-box; }
html { font-size: 16px; }
body {
  margin: 0;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  background: var(--bg);
  color: var(--ink);
  font: 400 1rem/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
main, footer { width: 100%; max-width: 560px; margin: 0 auto; padding: 0 20px; }
main { flex: 1; padding-top: 18vh; }

h1 { font-size: 2.4rem; line-height: 1.1; letter-spacing: -0.035em; margin: 0 0 16px; }
.mott { color: var(--ink-2); font-size: 1.1rem; margin: 0; }
.mott + .mott { margin-top: 2px; }

h2 { color: var(--ink-2); font-size: 0.85rem; font-weight: 600; letter-spacing: 0.02em;
     text-transform: uppercase; margin: 64px 0 12px; }
.app { background: var(--surface); border-radius: 14px; padding: 18px 20px; }
.app h3 { font-size: 1.15rem; margin: 0 0 6px; letter-spacing: -0.01em; }
.app p { margin: 0; color: var(--ink-2); }
.app p + p { margin-top: 2px; }

footer p { color: var(--ink-2); font-size: 0.85rem; margin: 48px 0 28px; }
a { color: var(--accent); }