/*
Theme Name: Bhagwat Katha Tatisiwali
Theme URI: https://tatisiwalibhagwatkatha.org
Author: Srimad Bhagwat Katha Aayojan Samiti, Tatisiwali
Author URI: https://tatisiwalibhagwatkatha.org
Description: Professional, devotional WordPress theme for Srimad Bhagwat Katha Aayojan Samiti, Tatisilwai. Features 7-day Katha mahotsav schedule (1-7 Feb 2027 at EEF Ground), official accreditation card application & admin approval system with customizable card designer, offline donation receipts download, and face-matching photo gallery.
Version: 1.0.0
Tested up to: 6.7
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: bhagwat-katha-theme
Tags: devotional, spiritual, hindu-temple, event-management, accreditation-card, smart-gallery, qr-code, multilingual, hindi, english
*/

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Mukta:wght@300;400;600;700&family=Poppins:wght@300;400;500;600;700&family=Rozha+One&family=Yatra+One&display=swap');

:root {
  --primary-gold: #d97706;
  --gold-light: #fbbf24;
  --gold-glow: #fef3c7;
  --gold-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 50%, #b45309 100%);
  --sacred-saffron: #f97316;
  --saffron-deep: #ea580c;
  --saffron-gradient: linear-gradient(135deg, #fb923c 0%, #f97316 50%, #c2410c 100%);
  --royal-maroon: #881337;
  --maroon-dark: #4c0519;
  --maroon-gradient: linear-gradient(135deg, #be123c 0%, #881337 60%, #4c0519 100%);
  --temple-ivory: #fffdfa;
  --cream-soft: #fdf8ee;
  --text-dark: #1f2937;
  --text-muted: #4b5563;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 30px;
  --font-heading: 'Yatra One', 'Rozha One', 'Mukta', serif;
  --font-body: 'Poppins', 'Mukta', sans-serif;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: var(--font-body);
  background-color: var(--temple-ivory);
  color: var(--text-dark);
  line-height: 1.65;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--royal-maroon);
}
a { color: inherit; text-decoration: none; }
.container { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; }