/* Lenore — tema "Carnet": caldo, editoriale, carta e terracotta (spunto: Pensarium) */
:root{
  --bg:#f6f1e7; --panel:#fffdf8; --ink:#2b2420; --muted:#635749; --line:#e6dccb;
  --accent:#b5532f; --accent-2:#c9683f; --accent-soft:#f6e3d6; --ok:#4f7a4a; --radius:16px;
}
body{font-family:'Atkinson Hyperlegible Next',system-ui,sans-serif;font-size:16px;line-height:1.5;background:var(--bg);color:var(--ink);
  background-image:radial-gradient(circle at 85% -10%,#f1dcc7 0,transparent 45%),radial-gradient(circle at -10% 110%,#ece3cf 0,transparent 40%);background-attachment:fixed}
h1,h2,h3{font-family:Figtree,sans-serif;font-weight:600;letter-spacing:-.01em}
h1 em,h2 em{font-style:italic;font-weight:400;color:var(--accent)}
header.top{background:transparent;color:var(--ink);border-bottom:1px solid var(--line);box-shadow:none}
header.top a,header.top .brand{color:var(--ink)}
header.top .brand{display:flex;align-items:center;gap:.55rem}
header.top .mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:var(--accent);color:#fff8f0;font-family:Figtree,sans-serif;font-style:italic;font-weight:500;font-size:1.1rem}
header.top .brand em{font-family:Figtree,sans-serif;font-style:italic;font-weight:500;font-size:1.45rem}
header.top .brand span{color:var(--muted);font-weight:400}
header.top nav a{border-radius:999px;padding:.4rem .8rem;display:inline-flex;align-items:center;gap:.4rem;color:var(--ink)}
header.top nav a:hover,header.top nav a.on{background:var(--accent-soft);color:var(--accent)}
header.top .ico{display:inline-flex}
header.top .ico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.langs a{color:var(--muted)}
.hello{display:flex;flex-direction:column;gap:.1rem;margin:.6rem 0 1.4rem}
.hello-date{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.hello-name{font-family:Figtree,sans-serif;font-size:2.2rem;font-style:italic;font-weight:400;color:var(--ink)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 0 #fff inset,0 10px 30px -18px rgba(90,60,30,.35)}
.btn{border-radius:999px;background:var(--accent);border-color:var(--accent);font-weight:500;box-shadow:0 6px 16px -8px rgba(181,83,47,.7)}
.btn:hover{background:var(--accent-2)}
.btn.ghost{background:transparent;color:var(--accent);border-color:var(--line);box-shadow:none}
.btn.ghost::after{content:" →"}
.pill{border-radius:999px;font-weight:500}
table th{font-family:'Atkinson Hyperlegible Next',sans-serif;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;color:var(--muted);background:transparent}
table tr:hover td{background:#fbf4ea}
input,select,textarea{border-radius:12px;border-color:var(--line);background:#fffefb}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.balcard{border-radius:20px;background:linear-gradient(160deg,#fffdf8,#f7ecdf);border:1px solid var(--line)}
.balcard b,.balcard strong{font-family:Figtree,sans-serif;font-weight:500;font-size:1.6rem}
.callout{border-radius:14px;background:var(--accent-soft);border-color:#ecc8b2}
.login-box,.login{border-radius:24px}
header.top .who{color:var(--muted)}
header.top .who a{color:var(--accent);margin-left:.6rem}
header.top .langs a{color:var(--muted);opacity:1}
header.top .langs a.on,header.top .langs b{background:var(--accent-soft);color:var(--accent)}
html,body{min-height:100vh}

/* Figtree per titoli e saluto; Atkinson Hyperlegible per testo, tabelle e numeri */
h1,h2,h3,.hello-name,header.top .brand em{font-family:Figtree,sans-serif}
h1,h2,h3{font-weight:700;letter-spacing:-.015em}
.hello-name{font-weight:800;font-style:normal}
table td{font-variant-numeric:tabular-nums}
.balcard b,.balcard strong{font-family:'Atkinson Hyperlegible Next',sans-serif;font-weight:700;letter-spacing:0}
h1 em,h2 em{font-style:italic;font-weight:700}
header.top .brand em{font-style:normal;font-weight:800}
header.top .mark{font-family:Figtree,sans-serif;font-style:normal;font-weight:800}
details.usermenu .avatar{background:var(--accent-soft);color:var(--accent)}
details.usermenu .uname{color:var(--ink)}

:root{--logo-node:#B5532F}
header.top .brand svg.logo{color:var(--ink)}
header.top .brand em{font-family:Figtree,sans-serif;font-style:normal;font-weight:700;letter-spacing:-.03em}