/* Spirit Life Academy — built from src/input.css by deploy.sh (Tailwind v4).
 * This placeholder keeps the file path valid for local previews. Replace via:
 *   npx @tailwindcss/cli -i src/input.css -o assets/css/style.css --minify
 */

:root {
  --brand-hue: 270;
  --color-brand: hsl(var(--brand-hue), 65%, 50%);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; line-height: 1.5; }
a { color: var(--color-brand); text-decoration: none; }
a:hover { text-decoration: underline; }
.hidden { display: none !important; }

/* Minimal utility shims so pages render before Tailwind builds */
.mx-auto { margin-left: auto; margin-right: auto; }
.max-w-6xl { max-width: 72rem; }
.max-w-3xl { max-width: 48rem; }
.max-w-xl  { max-width: 36rem; }
.max-w-sm  { max-width: 24rem; }
.max-w-7xl { max-width: 80rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.min-h-screen { min-height: 100vh; }
.text-center { text-align: center; }
.text-right  { text-align: right; }
.text-left   { text-align: left; }
.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }
.grid { display: grid; }
.flex { display: flex; }
.gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; }
.rounded { border-radius: 0.25rem; }
.rounded-lg { border-radius: 0.5rem; }