/* W4 hi-fi · Lore Entry — Atmospheric Overlay (Meridia) */

@font-face {
  font-family: 'Daedric';
  src: url('fonts/HayghinDaedric.woff2') format('woff2');
  font-display: swap;
}

:root {
  --accent: #d4a850;
  --accent-bright: #f0c474;
  --accent-dim: #b08a38;
  --bg: #0e0c08;
  --bg-warm: #14110a;
  --bg-card: #1a160e;
  --text: #e8e2d0;
  --text-dim: #a8a094;
  --text-mute: #6e6a5e;
  --border: rgba(212, 168, 80, 0.16);
  --border-strong: rgba(212, 168, 80, 0.36);
  --glow: rgba(212, 168, 80, 0.14);
  --font-display: 'Fraunces', 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }

/* film grain */
body::before {
  content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 200; opacity: 0.04; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}