@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

* { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', system-ui, sans-serif;
  background: #F7F4EE;
  color: #141414;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.editorial {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.05;
}

.mono { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 0.78rem; letter-spacing: 0.02em; }

.muted { color: #5C5C57; }
.accent { color: #B42318; }
.rule { border: 0; border-top: 1px solid #D9D0BF; }

.tag {
  display: inline-block;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 10px;
  border: 1px solid #141414;
  border-radius: 999px;
  color: #141414;
}

.tag.red {
  background: #B42318;
  color: #F7F4EE;
  border-color: #B42318;
}

.wash { background: #EDE8DB; }

a { color: #B42318; text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: #7A0F0A; }

::selection { background: #B42318; color: #F7F4EE; }