/* === base/base.css =======================================================
   Alap változók, reset, tipográfia, linkek, alap űrlapok, flash üzenetek,
   tiszta listák
========================================================================= */

/* Változók (light alap) */
:root{
  --bg:#f6f7fb;
  --fg:#0f172a;
  --muted:#6b7280;
  --card:#ffffff;
  --border:#e5e7eb;
  --brand:#3e3b74;
  --brand-ink:#ffffff;
  --danger:#dc2626;
  --success:#16a34a;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
}

/* Reset / alapok */
*{ box-sizing:border-box; }
html,body{ height:100%; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji";
}

/* Tipográfia */
h1,h2,h3,h4{ margin:0 0 10px; line-height:1.25; }
h1{ font-size:1.6rem; }
h2{ font-size:1.3rem; }
h3{ font-size:1.1rem; }

/* Linkek */
a{ color:var(--brand); text-decoration:none; }
a:hover{ text-decoration:underline; }

/* Űrlap elemek (alap) */
label{ display:block; font-size:.9rem; color:var(--muted); margin-bottom:6px; }
input,select,textarea{
  width:100%;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  outline:none;
  resize:vertical;
  font:inherit;
}
input:focus,select:focus,textarea:focus{
  border-color:#c9cdd4; box-shadow:0 0 0 3px rgba(79,70,229,.1)
}

/* Flash üzenetek */
.flash{
  padding:10px 12px;
  border-radius:10px;
  border:1px solid var(--border);
  background:#f9fafb;
  margin-bottom:10px;
}
.flash.success{ border-color:#bbf7d0; background:#f0fdf4; color:#166534; }
.flash.error{ border-color:#fecaca; background:#fef2f2; color:#991b1b; }

/* Egyszerű tiszta lista */
ul.clean{ list-style:none; padding:0; margin:0; }
ul.clean .item{
  display:flex; justify-content:space-between; align-items:center;
  padding:12px 8px; border-bottom:1px solid var(--border);
}
ul.clean .item:last-child{ border-bottom:none; }