/* ── Shared across every page ── */

/* Fonts
   --font-poetic: IM Fell English (italic) — the cursive, kept by choice.
   --font-small / --font-name: Poppins and Megrim, matching threadoftheweave.com.
   Alternatives tried: Cormorant Garamond for the poetic text (Thread of the Weave);
   Karla 300 was the original small font. Fonts load from each page's <head>. */
:root {
  --font-poetic: 'IM Fell English', Georgia, serif;
  --font-small:  'Poppins', -apple-system, sans-serif;
  --font-name:   'Megrim', 'IM Fell English', serif;
}

/* Social links — fixed, very quiet, bottom of the screen */
.socials {
  position:fixed; left:0; right:0; bottom:0;
  z-index:30;
  padding:0 16px calc(14px + env(safe-area-inset-bottom));
  text-align:center;
  font-family:var(--font-small);
  font-weight:300;
  font-size:11px;
  letter-spacing:0.14em;
  color:rgba(255,255,255,0.22);
  pointer-events:none;
}
.socials a {
  color:rgba(255,255,255,0.32);
  text-decoration:none;
  pointer-events:auto;
  transition:color .4s ease;
}
.socials a:hover,
.socials a:focus-visible { color:rgba(225,215,255,0.85); outline:none; }
.socials .sep { margin:0 0.7em; }

/* Phones: tighter so all five links fit on one line */
@media (max-width:420px) {
  .socials { font-size:10px; letter-spacing:0.08em; }
  .socials .sep { margin:0 0.45em; }
}