/* Anastasia Monro Media (AM Media) brand: the hot-pink-to-peach "AM" circle from their logo,
   white pages with a deep plum ink, Poppins + Manrope from their Squarespace site and a
   high-contrast serif (Playfair Display) for the italic accents, like the "AM" lettering. */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Manrope:wght@500;600;700;800&family=Playfair+Display:ital,wght@1,600;1,700&display=swap");

:root{
  --paper:#FFF8F9; --paper-2:#FBEDF1; --card:#FFFFFF;
  --ink:#2B1824; --ink-soft:#4E3946; --muted:#7A6571; --line:#F0DCE3;
  --teal:#FF5FA8; --teal-deep:#D81F76; --sky:#FFC2D8; --navy:#2B1824;
  --rust:#E8288A; --rust-deep:#C4166F; --peach:#FFCFC0;
  --accent:var(--teal-deep); --accent-deep:#B5145F; --accent-tint:#FDE6EF; --on-accent:#FFFFFF;
  --font-head:"Poppins", system-ui, sans-serif; --font-body:"Manrope", system-ui, sans-serif;
  --font-em:"Playfair Display", Georgia, serif;

  --bk-bg:var(--paper); --bk-surface:var(--card); --bk-input:#FFFFFF;
  --bk-ink:var(--ink); --bk-soft:var(--ink-soft); --bk-muted:var(--muted);
  --bk-line:var(--line); --bk-tint:#FDE6EF; --bk-hover:var(--paper);
  --bk-accent:var(--teal-deep); --bk-accent-ink:#FFFFFF; --bk-ring:rgba(216,31,118,.2);
  --bk-head:var(--font-head); --bk-head-weight:800; --bk-head-track:-.02em;
  --bk-body:var(--font-body); --bk-em-style:italic;
  --bk-radius:20px; --bk-radius-sm:14px;
  --bk-shadow:0 1px 2px rgba(43,24,36,.05),0 12px 30px rgba(43,24,36,.08);
  --bk-bar-bg:rgba(255,255,255,.94);
}