/* ============================================================================= Allgood Inflatables — brand theme tokens Single source of truth for colors, fonts, radii, and shadows. Swap the brand later by editing the values here (and the matching Tailwind config block in each HTML ). ========================================================================== */ :root { /* Palette — vibrant summer / kids */ --color-sky: #2BB3F3; /* primary — pool blue */ --color-sky-deep: #1488D8; --color-sunshine: #FFC93C; /* accent — sun yellow */ --color-coral: #FF5E5B; /* CTA — playful red-coral */ --color-coral-deep:#E8443F; --color-grape: #7C5CFC; /* secondary pop — purple */ --color-lime: #3DDC84; /* success / "available" green */ --color-cream: #FFF7E8; /* warm light background */ --color-ink: #233044; /* readable dark text (soft navy) */ --color-ink-soft: #5A6678; --color-white: #FFFFFF; --color-cloud: #EAF6FE; /* pale sky tint for section backgrounds */ /* Gradients */ --grad-hero: linear-gradient(135deg, #2BB3F3 0%, #7C5CFC 100%); --grad-sun: linear-gradient(135deg, #FFC93C 0%, #FF5E5B 100%); --grad-pool: linear-gradient(180deg, #5BC8F7 0%, #2BB3F3 100%); /* Typography */ --font-heading: 'Fredoka', 'Baloo 2', system-ui, sans-serif; --font-body: 'Nunito', system-ui, -apple-system, sans-serif; /* Shape */ --radius-sm: 10px; --radius: 16px; --radius-lg: 24px; --radius-xl: 32px; --radius-pill: 999px; /* Shadows — chunky & playful */ --shadow-card: 0 8px 28px rgba(35, 48, 68, 0.10), 0 2px 6px rgba(35, 48, 68, 0.06); --shadow-pop: 0 16px 44px rgba(35, 48, 68, 0.16), 0 4px 12px rgba(35, 48, 68, 0.10); --shadow-cta: 0 8px 22px rgba(255, 94, 91, 0.40); --shadow-cta-h: 0 12px 30px rgba(255, 94, 91, 0.52); --shadow-sun: 0 8px 22px rgba(255, 201, 60, 0.45); /* Motion */ --bounce: cubic-bezier(0.34, 1.56, 0.64, 1); }