/* ------ 1) Page shell --------------------------------------------------- */
:root{
  --bg:#faf9f6;           /* soft cream */
  --panel:#ffffff;        /* white panels */
  --panel-2:#fdfdfc;      /* subtle alt panel */
  --ink:#111111;          /* primary text */
  --muted:#666666;        /* secondary text */
  --soft:rgba(0,0,0,.06); /* hairline fills */
  --soft-2:rgba(0,0,0,.10);
  --ring:rgba(25,140,120,.20);
  --focus:#198c78;        /* teal focus */
  --danger:#d64545;
  --radius:16px;
  --radius-sm:10px;
  --g1:16px; --g2:20px; --g3:28px;
}

*{ box-sizing:border-box }
html,body{ height:100% }
body{
  margin:0; color:var(--ink); background:var(--bg);
  font:14px/1.5 Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}