/* Bahar: spring for Nowruz. Light sky, sabzeh green, turquoise, blossom pink and gold. */
:root {
  color-scheme: light;
  --bg: #F6FBF2;
  --surface: #FFFFFF;
  --ink: #1D3324;
  --muted: #5A7062;
  --line: #D6E6D0;
  --accent: #2E8B57;
  --accent-ink: #FFFFFF;
  --accent-2: #D9A93D;
  --highlight: #E0405A;
  --verse: #1F5E63;
  --header-bg: rgba(246, 251, 242, .9);
  --shadow: 0 10px 40px rgba(46, 139, 87, .12);
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-display-fa: "Lalezar", "Vazirmatn", sans-serif;
  --grass: #5DBB4A;
  --pot: #2F7F9E;
  --ribbon: #E0405A;
  --gold: #D9A93D;
  --mirror: #CFE7F0;
  --apple: #D7263D;
  --blossom: #F6B9C8;
  --cloth: #EFE4C8;
}
body { background: linear-gradient(180deg, #DDF1F7 0%, #F6FBF2 420px) fixed; }
.hero { grid-template-columns: 1fr; text-align: center; justify-items: center; }
.hero .lead { margin-inline: auto; }
.hero h1 { font-size: clamp(40px, 6vw, 72px); font-weight: 600; color: var(--accent); }
:lang(fa) .hero h1 { font-weight: 400; }
.eyebrow { color: var(--highlight); letter-spacing: .12em; }
.btn.accent { background: var(--accent); border-color: var(--accent); color: #fff; }
.langs a[aria-current] { background: var(--accent); color: #fff; }
.prose h2, .panel h2 { color: var(--accent); }
.prose h3 { color: var(--pot); }