/* Rewind MODE theme: VHS grain, yellow tape label, cyan tracking lines. */
:root {
  --ui: "Montserrat", Arial, sans-serif;
  --body: "Montserrat", Arial, sans-serif;
  --display: "Anton", Impact, sans-serif;
  --bg: #0b0b0f;
  --bg-2: #121219;
  --paper: #f4efe3;
  --yellow: #f5c542;
  --red: #ff5a4e;
  --cyan: #61d7ff;
  --violet: #9a7bff;
  --green: #8ee08a;
  --surface: #121219;
  --surface-2: #17171f;
  --text: #f4efe3;
  --paper: #f4efe3;
  --muted: #a8a296;
  --muted-2: #8c877d;
  --line: #2b2b35;
  --accent: #f5c542;
  --accent-ink: #16130a;
  --info: #61d7ff;
  --success: #8ee08a;
  --danger: #ff8a80;
  --radius: 12px;
  --shadow: 0 18px 50px rgba(0,0,0,.28);
}
body.public.theme-rewind {
  background-image:
    radial-gradient(circle at 8% 0, rgba(245,197,66,.10), transparent 26rem),
    radial-gradient(circle at 96% 6%, rgba(97,215,255,.08), transparent 22rem);
}
.theme-rewind .brand-mark {
  background: var(--accent);
  color: var(--accent-ink);
  border: 2px solid #000;
  border-radius: 7px;
  font-family: var(--display);
}
.theme-rewind .hero h1 { letter-spacing: .01em; }
.theme-rewind .hero h1 span { color: var(--accent); }
.theme-rewind .nav-cta,
.theme-rewind .btn-primary { border: 2px solid #000; }
.theme-rewind .post-card,
.theme-rewind .prompt-card,
.theme-rewind .vault-card,
.theme-rewind .hero-card { box-shadow: var(--shadow); }
.theme-rewind .vault-card small { color: var(--muted-2); display: block; margin-top: 6px; }
.theme-rewind .vault-card small a { color: var(--info); }