/* ============================================================ theme.css — Optional pre-built industry palettes. app.js applies colors from config.theme at runtime by setting CSS custom properties on :root. These presets are a reference for designers + a fallback if a config omits a theme. To use a preset: (config.theme always wins, though). ============================================================ */ /* Restaurant / food — warm appetizing reds + amber */ body[data-preset="restaurant"] { --color-primary: #c0392b; --color-primary-dark: #962d22; --color-primary-light: #e74c3c; --color-secondary: #2c3e50; --color-accent: #f39c12; --color-surface-alt: #fff5f2; } /* School / education — trustworthy blues */ body[data-preset="school"] { --color-primary: #2563eb; --color-primary-dark: #1d4ed8; --color-primary-light: #3b82f6; --color-secondary: #1e3a5f; --color-accent: #f59e0b; --color-surface-alt: #eff6ff; } /* Hospital / clinic — calming teal + white */ body[data-preset="hospital"] { --color-primary: #0d9488; --color-primary-dark: #0f766e; --color-primary-light: #14b8a6; --color-secondary: #134e4a; --color-accent: #0ea5e9; --color-surface-alt: #f0fdfa; } /* Gym / fitness — energetic black + neon green */ body[data-preset="gym"] { --color-primary: #16a34a; --color-primary-dark: #15803d; --color-primary-light: #22c55e; --color-secondary: #111827; --color-accent: #facc15; --color-surface-alt: #f0fdf4; } /* Salon / beauty — elegant rose-gold */ body[data-preset="salon"] { --color-primary: #be185d; --color-primary-dark: #9d174d; --color-primary-light: #ec4899; --color-secondary: #4a1a2c; --color-accent: #d4af7a; --color-surface-alt: #fdf2f8; } /* Grocery — fresh green */ body[data-preset="grocery"] { --color-primary: #65a30d; --color-primary-dark: #4d7c0f; --color-primary-light: #84cc16; --color-secondary: #1a2e05; --color-accent: #f97316; --color-surface-alt: #f7fee7; } /* Boutique / fashion — plum + gold */ body[data-preset="boutique"] { --color-primary: #7c3aed; --color-primary-dark: #6d28d9; --color-primary-light: #8b5cf6; --color-secondary: #2e1065; --color-accent: #d4af37; --color-surface-alt: #faf5ff; } /* Caterer — royal burgundy + gold */ body[data-preset="caterer"] { --color-primary: #9f1239; --color-primary-dark: #881337; --color-primary-light: #be123c; --color-secondary: #1c1917; --color-accent: #d4af37; --color-surface-alt: #fff1f2; } /* Coaching — scholarly indigo */ body[data-preset="coaching"] { --color-primary: #4f46e5; --color-primary-dark: #4338ca; --color-primary-light: #6366f1; --color-secondary: #1e1b4b; --color-accent: #f59e0b; --color-surface-alt: #eef2ff; }