/* ============================================================
   bridge.css — harmonizes the Tailwind-based article / engine pages
   with the editorial theme (palette comes from each page's recolored
   tailwind.config; this layer adds serif headings, atmosphere, brand dot).
   ============================================================ */
:root {
  --paper:  #F6F1E8;
  --paper2: #FBF7EE;
  --ink:    #1C1714;
  --muted:  #8A7A68;
  --rule:   #D9CDB6;
  --accent: #B33A1A;
  --gold:   #C8932B;
  --green:  #3F8F4E;
  --serif:  "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
}

/* serif headlines over a system-sans body (body font set in tailwind.config) */
h1, h2, h3, h4, .gradient-text {
  font-family: var(--serif) !important;
  letter-spacing: -0.01em;
}

/* faint paper grain for atmosphere, matching the editorial pages */
body::before {
  content: "";
  position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* brand wordmark dot (injected after "CricML" in the header) */
.brand-dot {
  display: inline-block; width: .4rem; height: .4rem; border-radius: 50%;
  background: var(--accent); margin-left: .15rem; transform: translateY(-.1rem);
}

/* warm, slightly heavier rules to feel like newsprint */
hr { border-color: var(--rule); }

/* gradient-text accent: brick-red → gold instead of the old blue → purple */
.gradient-text {
  background: linear-gradient(135deg, var(--accent) 0%, var(--gold) 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}