/* Poupette Editorial v2 — base */
:root{
  --bg: #f3f0ec;
  --surface: #ffffff;
  --text: #121212;
  --muted: rgba(18,18,18,.62);
  --hairline: rgba(18,18,18,.12);
  --accent: #121212;
  --radius: 16px;

  --serif: "Fraunces", ui-serif, Georgia, serif;
  --sans: "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  --shell: 1180px;
  --gutter: 20px;
}

html[data-theme="dark"]{
  --bg: #0c0d0f;
  --surface: #111216;
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.62);
  --hairline: rgba(255,255,255,.14);
  --accent: rgba(255,255,255,.92);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img{ max-width:100%; height:auto; display:block; }
a{ color: inherit; text-decoration:none; }
a:hover{ text-decoration: none; }

.p-shell{
  max-width: var(--shell);
  margin: 0 auto;
  padding: 0 var(--gutter);
}

.p-main{ padding: 28px 0 56px; }

.screen-reader-text{
  position:absolute;
  left:-9999px;
  width:1px;height:1px;
  overflow:hidden;
}