/*
Theme Name: koolaidcummune
Theme URI: https://example.com/themes/koolaidcummune
Author: The Kool-Aid Commune
Author URI: https://example.com
Description: A bold, cartoonish WordPress theme inspired by vintage Kool-Aid branding—optimized for collectives with lore, scriptures, gallery and shop. Tailwind via CDN + custom CSS.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: koolaidcummune
Tags: colorful, tailwind, creative, woo-commerce-ready, gallery
*/

/* ---------- Brand primitives (inspired by the provided palette) ---------- */
:root{
  --ka-red: #FF3E41;
  --ka-pink: #FF5E99;
  --ka-purple: #7C3AED;
  --ka-sea: #06D6A0;
  --ka-dark: #0F1224;
  --ka-mid: #1A1A2E;
  --ka-light: #F8F9FA;
}

body{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji';
  color: var(--ka-dark);
  background: var(--ka-light);
}

/* Cartoonish vibe */
.logo-text{
  font-family:'Pacifico', cursive;
  letter-spacing: 0.5px;
}

.koolaid-drop{
  background: radial-gradient(circle at 30% 30%, var(--ka-red), #D90429);
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  box-shadow: 0 10px 20px rgba(0,0,0,.25);
}

.gradient-text{
  background: linear-gradient(45deg, var(--ka-red), var(--ka-pink), var(--ka-purple), var(--ka-sea));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
}

.nav-link:hover{
  color: var(--ka-red);
  transform: translateY(-2px);
}

/* Cards & buttons */
.card-hover{ transition: transform .3s ease, box-shadow .3s ease, opacity .6s ease; }
.card-hover:hover{ transform: translateY(-10px); box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04); }

.btn-pill{ border-radius:9999px; padding:.75rem 1.25rem; font-weight:600; display:inline-flex; align-items:center; gap:.5rem; }
.btn-primary{ background: linear-gradient(90deg, var(--ka-red), var(--ka-pink)); color:#fff; }
.btn-primary:hover{ filter: saturate(1.15) brightness(1.05); }
.btn-outline{ border:2px solid var(--ka-mid); color: var(--ka-mid); }
.btn-outline:hover{ background: var(--ka-mid); color:#fff; }

/* Splatter background */
.splatter-bg{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="%23FF3E41" opacity="0.12" d="M30,15 Q25,25 30,35 Q35,45 30,55 Q25,65 30,75 Q35,85 30,95 Q25,85 20,75 Q15,65 20,55 Q25,45 20,35 Q15,25 20,15 Q25,5 30,15 Z"/></svg>');
  background-size:200px;
  opacity: .9;
}

/* WooCommerce tweaks */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
  border-radius: 9999px;
  background: linear-gradient(90deg, var(--ka-purple), var(--ka-sea));
  color:#fff; border:none;
}
.woocommerce .price{ color: var(--ka-purple); font-weight:700; }

/* Simple utility fallbacks (used even with Tailwind CDN blocked) */
.container{ max-width:1200px; margin:0 auto; padding-left:1.5rem; padding-right:1.5rem; }
.flex{ display:flex; }
.items-center{ align-items:center; }
.justify-between{ justify-content:space-between; }
.space-x-4 > * + *{ margin-left:1rem; }
.space-x-6 > * + *{ margin-left:1.5rem; }
.text-center{ text-align:center; }
.rounded-xl{ border-radius:1rem; }
.shadow-md{ box-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05); }
.bg-white{ background:#fff; }
.text-white{ color:#fff; }
.text-gray-800{ color:#1f2937; }
.text-gray-600{ color:#4b5563; }
*/