- Replace all #223e0d → #396817 across 24 files - Page bg: #f1fbeb (lightest green tint), BirthdayPricing: #fefaf6 (warm cream) - Hero: raise text to z-[25] above T-Rex, reduce font clamp, narrow max-w - PageHero: remove negative z-index that hid photo background - GallerySlider: replace setInterval+state with rAF+pauseRef, seamless half-wrap reset - Reviews: fix sub-pixel scroll (speed 0.3 → 1, intervalMs 16 → 20) - BtnPrimary: gradient background orange→yellow→orange with hover scale - Footer: add static fallback contacts (phone, address, metro, hours, Instagram, Facebook) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
26 lines
791 B
CSS
26 lines
791 B
CSS
@import 'tailwindcss';
|
|
|
|
@theme {
|
|
--color-primary: #f28b4a;
|
|
--color-primary-foreground: #ffffff;
|
|
--color-secondary: #396817;
|
|
--color-secondary-foreground: #ffffff;
|
|
--color-accent: #fdcf54;
|
|
--color-accent-foreground: #272727;
|
|
--color-background: #f1fbeb;
|
|
--color-foreground: #272727;
|
|
--color-muted: #f0ebe3;
|
|
--color-muted-foreground: #7a6a5a;
|
|
--color-border: #e8d5c0;
|
|
--color-light-green: #d6f2c0;
|
|
--font-sans: var(--font-montserrat), 'Montserrat', ui-sans-serif, system-ui, sans-serif;
|
|
--font-mono: ui-monospace, monospace;
|
|
--radius: 0.5rem;
|
|
|
|
/* Figma breakpoints: 390 (base) / 768 (md) / 1440 (lg) */
|
|
--breakpoint-lg: 1440px;
|
|
--breakpoint-xl: 1920px;
|
|
|
|
/* Brand shadow used on cards, buttons */
|
|
--shadow-brand: 0px 4px 60px rgba(242, 139, 74, 0.25);
|
|
}
|