/* bevallva.hu/kalkulator page: palette, faces, header and footer. The calculator itself: rcalc.css */
:root {
  --bg:#f7f6f2; --sheet:#ffffff; --sheet2:#efede6; --line:#dcd9cf; --fg:#1d1d1b; --muted:#5f5e58;
  --accent:#1f5fb4; --accent-fg:#ffffff; --accent-soft:#e3ecf8;
  
  --display:"Source Serif 4", Georgia, "Times New Roman", serif;
  --body:"Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --r:10px;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg:#151513; --sheet:#1f1f1c; --sheet2:#282824; --line:#383731; --fg:#ecebe6; --muted:#a8a69d;
  --accent:#7fb0ff; --accent-fg:#0b1a33; --accent-soft:#1d2a3d;
  
  color-scheme: dark; } }
:root[data-theme="dark"] {
  --bg:#151513; --sheet:#1f1f1c; --sheet2:#282824; --line:#383731; --fg:#ecebe6; --muted:#a8a69d;
  --accent:#7fb0ff; --accent-fg:#0b1a33; --accent-soft:#1d2a3d;
  
  color-scheme: dark; }
body {background:var(--bg); color:var(--fg); font:15px/1.5 var(--body); margin:0;}
header.site {border-bottom:1px solid var(--line); background:var(--bg);}
header.site .wrap, footer.site .wrap {padding-block:0;}
header.site .wrap {display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:60px; flex-wrap:wrap;}
.logo {font:600 20px/1 var(--body); color:var(--fg); text-decoration:none; letter-spacing:-0.01em;}
.logo span {color:var(--accent);}
nav.site a {color:var(--muted); text-decoration:none; margin-left:18px; font-size:15px;}
nav.site a:hover, nav.site a:focus-visible, nav.site a[aria-current="page"] {color:var(--fg);}
footer.site {border-top:1px solid var(--line); padding-block:22px 40px; color:var(--muted); font-size:14px;}
footer.site .wrap {display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap;}
footer.site a {color:var(--muted);}
.cta {display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-top:22px; padding:16px 18px; border:1px solid var(--line); border-radius:14px; background:var(--sheet);}
.cta p {margin:0; max-width:70ch;}
a.btn {text-decoration:none; display:inline-block;}
.wrap { max-width:1360px; margin:0 auto; padding-inline:24px; }
main.wrap { padding-block:18px 60px; }
.cta .btn { border:0; border-radius:9px; padding:10px 16px; font-weight:600; background:var(--accent); color:var(--accent-fg); }