/* ============================================================
   Architools — közös dizájn tokenek és egységes tipográfia
   Minden oldal és modul ezt hivatkozza: <link rel="stylesheet" href="architools.css">
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --at-accent:        #344c53;  /* blue-700 — elsődleges akcent */
  --at-accent-hover:  #29383d;  /* blue-800 */
  --at-accent-soft:   #eef2f3;  /* blue-50  */
  --at-ink:           #0f172a;  /* slate-900 */
  --at-text:          #334155;  /* slate-700 */
  --at-muted:         #64748b;  /* slate-500 */
  --at-line:          #e2e8f0;  /* slate-200 */
  --at-bg:            #f1f5f9;  /* slate-100 */
  --at-card:          #ffffff;
  --at-danger:        #ef4444;
  --at-success:       #10b981;
  --at-radius:        10px;
}

/* Egységes betűtípus — öröklődéssel, hogy NE törje az ikon-betűket */
html, body { font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
button, input, select, textarea { font-family: inherit; }

/* Font Awesome ikonok betűjének megőrzése (felülírás-biztos) */
.fa, .fas, .far, .fal, .fat, .fad, .fab,
.fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone, .fa-brands, .fa-sharp,
[class^="fa-"], [class*=" fa-"] {
  font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
}
.fab, .fa-brands { font-family: "Font Awesome 6 Brands" !important; }

/* Monospace ott, ahol szándékos (számok) */
.font-mono, code, kbd, pre, .num {
  font-family: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;
}