/* Global site-wide skin for "Minimal Premium" — understated ink accent,
   huge readability, applies everywhere via the shared CSS variables. */
:root{--primary:#78350f;--primary-light:#fef3e2;--bg:#ffffff;--surface:#fff;--surface-alt:#fafafa;--border:#ececec;--text:#1c1c1c;--text-muted:#8a8a8a;--radius:4px;--shadow:0 2px 10px rgba(0,0,0,.05);--font-heading:'Source Serif 4',Georgia,serif;--font-body:'Inter',-apple-system,sans-serif;}
[data-theme="dark"]{--bg:#121212;--surface:#181818;--surface-alt:#1e1e1e;--text:#ececec;--text-muted:#909090;--border:#2a2a2a;--primary:#c2884a;--primary-light:#2a2118;}

/* ── Layout DNA ── stripped-back, maximum whitespace, no visual noise */
.btn{border-radius:2px;box-shadow:none;padding:10px 22px;}
.btn-outline{border:1px solid var(--border);background:transparent;}
.main-nav a{border-radius:0;background:transparent!important;color:var(--text-muted);border-bottom:1px solid transparent;}
.main-nav a:hover,.main-nav a.active{color:var(--text);border-bottom-color:var(--text);}
.site-header{box-shadow:none;border-bottom:1px solid var(--border);}
.hero{padding:90px 20px 70px;background:var(--bg);}
.hero::before,.hero::after{display:none;}
.hero h1{font-weight:600;letter-spacing:-.01em;}
.hero p{font-size:18px;}
.card{border:none;box-shadow:0 1px 3px rgba(0,0,0,.06);border-radius:2px;}
.card:hover{box-shadow:0 4px 14px rgba(0,0,0,.08);}