/* Global site-wide skin for "Editorial Magazine" — applied to :root so it
   reskins header, footer, tool pages, store, gallery, everywhere, not just
   blog/story content (which keeps its own richer .theme-editorial layout
   on top of these same variables). */
:root{--primary:#c81d25;--primary-light:#fbe4e5;--bg:#fdfdfb;--surface:#fff;--surface-alt:#f6f6f3;--border:#e8e8e2;--text:#1a1a2e;--text-muted:#6b6b78;--radius:6px;--shadow:0 2px 14px rgba(20,20,20,.08);--font-heading:'Playfair Display',Georgia,serif;--font-body:'Source Sans 3',-apple-system,sans-serif;}
[data-theme="dark"]{--bg:#14141c;--surface:#1b1b26;--surface-alt:#20202c;--text:#f0f0f5;--text-muted:#a0a0b0;--border:#2c2c3a;}

/* ── Layout DNA (not just colors) ── sharp editorial/print feel site-wide */
.btn{border-radius:2px;letter-spacing:.02em;}
.main-nav a{border-radius:0;padding:8px 12px;text-transform:uppercase;font-size:12px;letter-spacing:.04em;border-bottom:2px solid transparent;}
.main-nav a:hover,.main-nav a.active{background:transparent;border-bottom-color:var(--primary);}
.site-header{border-bottom:3px solid var(--text);box-shadow:none;}
.hero{text-align:left;padding:70px 20px;border-bottom:1px solid var(--border);}
.hero .container{max-width:820px;}
.hero::before,.hero::after{display:none;}
.stat-counters .stat-num{font-weight:900;}
.card{border-radius:2px;box-shadow:none;}
.card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);}