/* ============================================================
   base.css — socle commun des pages éditoriales (beige)
   Couvre : variables, reset, body, nav, .logo, .back
   Utilisé par : index, writeups, writeup, writeups_gate,
                 404, 403, audit_iso27001
   Les pages CTF (login, flag) ont leur propre design system
   sombre et ne chargent pas ce fichier.
   ============================================================ */

:root {
  --bg: #f7f5f2;
  --ink: #1a1814;
  --ink-light: #6b6760;
  --rule: #dedad5;
  --accent: #b8956a;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --mono: 'DM Mono', monospace;
}

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

body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--serif);
  -webkit-font-smoothing: antialiased;
}

nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.8rem 5rem;
  background: rgba(247,245,242,.92);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--rule);
}

.logo {
  font-family: var(--mono);
  font-size: .6rem;
  font-weight: 300;
  letter-spacing: .18em;
  text-decoration: none;
  color: var(--ink);
  text-transform: uppercase;
}

.back {
  font-family: var(--mono);
  font-size: .58rem;
  font-weight: 300;
  letter-spacing: .14em;
  color: var(--ink-light);
  text-decoration: none;
  text-transform: uppercase;
  transition: color .2s;
}
.back:hover { color: var(--ink); }

@media (max-width: 760px) {
  nav { padding: 1.2rem 1.5rem; }
}