/* Kitchen Optimizer - Unified Styles * ============================================ * * This is the SINGLE SOURCE OF TRUTH for all website styling. * All pages MUST link to this file only - NO inline styles! * * TABLE OF CONTENTS: * -------------------- * 1. CSS Variables (colors, shadows, spacing) * 2. Base Styles (reset, typography) * 3. Navigation (.nav-container) * 4. Hero Sections (.hero, .hero-section) * 5. Content Sections (.section) * 6. Cards (.feature-card, .pricing-card) * 7. Buttons (.btn) * 8. Forms * 9. Footer * 10. Mobile Responsive * 11. Animations * 12. Utilities * * * QUICK REFERENCE: * ---------------- * Colors: * --primary: #FF6B35 (orange - main brand) * --primary-dark: #E55100 * --secondary: #004E89 (blue) * --accent: #00C9A7 (teal) * --dark: #1a1a2e (text) * --gray: #6c757d * --light: #f8f9fa (backgrounds) * * Components: * .nav-container - Fixed header with logo + nav * .hero-section - Page hero with gradient background * .section - Content sections * .feature-card - Service/feature cards * .pricing-card - Pricing tier cards * .btn - Primary CTA buttons * .btn-secondary - Secondary buttons * * Mobile Breakpoints: * Desktop: > 1024px * Tablet: 768px - 1024px * Mobile: < 768px * * * HOW TO USE: * ------------ * 1. Add to : * 2. Use classes from this file * 3. NO