/*
 * Brand extras for Casto Chiropractic.
 *
 * Tailwind 4's @theme directive is build-time only, so it gets silently dropped
 * when the browser receives raw CSS at runtime. Since the prototypes-src Astro
 * project bundles a single Tailwind output across every brand, we emit these
 * brand-specific overrides as plain :root custom properties so they cascade
 * over the default theme. Utilities like .font-sans and .bg-primary already
 * reference var(--font-sans), var(--primary), etc., so the override propagates.
 */

:root {
  --font-display: "Montserrat", system-ui, sans-serif;
  --font-sans: "Poppins", system-ui, sans-serif;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 72px;
  --spacing-4xl: 96px;
  --radius-pill: 999px;
}