/*
Theme Name: Healy Community
Theme URI: https://frequency-guide-for-you.lovable.app
Author: Healy Community
Author URI: https://frequency-guide-for-you.lovable.app
Description: A frequency-based wellness theme for Healy World independent members. Features a guided chatbot, wellness programs showcase, testimonials, and responsive design with Tailwind CSS.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: healy-community
Tags: one-column, custom-menu, featured-images, full-width-template, theme-options
*/

/* ===== Design Tokens ===== */
:root {
  --background: 300 10% 98%;
  --foreground: 290 30% 12%;
  --card: 0 0% 100%;
  --card-foreground: 290 30% 12%;
  --primary: 316 52% 50%;
  --primary-foreground: 0 0% 100%;
  --secondary: 290 30% 92%;
  --secondary-foreground: 290 40% 20%;
  --muted: 290 15% 94%;
  --muted-foreground: 290 12% 50%;
  --accent: 280 50% 62%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;
  --border: 290 20% 88%;
  --input: 290 20% 88%;
  --ring: 316 52% 50%;
  --radius: 0.75rem;
  --bot-bubble: 290 20% 92%;
  --bot-bubble-foreground: 290 30% 15%;
  --user-bubble: 316 52% 50%;
  --user-bubble-foreground: 0 0% 100%;
  --hero-gradient: linear-gradient(135deg, hsl(316 65% 38%) 0%, hsl(280 60% 30%) 60%, hsl(260 55% 22%) 100%);
  --nav-gradient: linear-gradient(90deg, hsl(316 60% 40%), hsl(280 55% 35%));
  --cta-gradient: linear-gradient(135deg, hsl(316 60% 48%), hsl(280 55% 42%));
  --card-glow: 0 8px 32px hsl(316 52% 50% / 0.15);
  --shadow-primary: 0 4px 20px hsl(316 52% 50% / 0.25);
}

/* ===== Reset & Base ===== */
*, *::before, *::after { box-sizing: border-box; border-color: hsl(var(--border)); }
body {
  margin: 0;
  font-family: 'DM Sans', system-ui, sans-serif;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 { font-family: 'Cormorant Garamond', Georgia, serif; }
img { max-width: 100%; height: auto; }
a { text-decoration: none; color: inherit; }

/* ===== Utility Classes ===== */
.text-gradient {
  background: var(--cta-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.animate-fade-in-up {
  animation: fadeInUp 0.5s ease-out forwards;
}
.animate-float {
  animation: float 6s ease-in-out infinite;
}
.animate-ping-slow {
  animation: ping 2.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@keyframes ping {
  0% { transform: scale(1); opacity: 0.8; }
  75%, 100% { transform: scale(2); opacity: 0; }
}
@keyframes typing {
  0%, 60%, 100% { transform: translateY(0); }
  30% { transform: translateY(-6px); }
}

/* ===== Scrollbar ===== */
.scrollbar-thin::-webkit-scrollbar { width: 4px; }
.scrollbar-thin::-webkit-scrollbar-track { background: transparent; }
.scrollbar-thin::-webkit-scrollbar-thumb { background: hsl(var(--border)); border-radius: 99px; }

/* ===== WordPress Specific ===== */
.alignleft { float: left; margin-right: 1.5em; }
.alignright { float: right; margin-left: 1.5em; }
.aligncenter { display: block; margin: 0 auto; }
.wp-caption { max-width: 100%; }
.screen-reader-text {
  clip: rect(1px,1px,1px,1px);
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
}