@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Schibsted+Grotesk:wght@400;500;600&display=swap");

:root{
  --bg:#faf9f6;
  --bg-soft:#f4f2ed;
  --card:#fff;
  --paper:#fdfdfb;
  --ink:#111418;
  --muted:#5a6472;
  --accent:#2e6b44;
  --accent-strong:#265a39;
  --accent-soft:rgba(46,107,68,.08);
  --accent-softer:rgba(46,107,68,.045);
  --line:#e7e4de;
  --line-accent:rgba(46,107,68,.35);
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Schibsted Grotesk",sans-serif;
  --shadow-card:0 2px 6px rgba(17,20,24,.04),0 18px 48px rgba(17,20,24,.08);
  --shadow-deep:0 8px 30px rgba(17,20,24,.08),0 34px 80px rgba(17,20,24,.12);
}

*{box-sizing:border-box}
html{color-scheme:light;background:var(--bg)}
body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--sans);font-size:17px;line-height:1.55}
button,a{font:inherit}
a{color:inherit}
::selection{background:rgba(46,107,68,.16)}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}