/* ============================================================ THEME: New Pizza Factory — Clean & Bright (Red, Green & Gold) Bright pizzeria red #d50000, basil green #0b6b2a accent (logo "Pizza"), warm gold #e6a532 for stars, over a clean white background with Poppins headings. Swap this file to change the appearance. DO NOT add layout, grid, flexbox, or spacing here. ONLY define CSS custom property tokens and decorative CSS. ============================================================ */ /* Load this theme's fonts in the HTML — NOT via @import */ :root { /* ===== BRAND COLORS ===== */ --gs-red: #d50000; /* Primary red (bright pizzeria red) */ --gs-red-dark: #a80000; /* Darker red (hover, highlights) */ --gs-red-light: rgba(213, 0, 0, 0.1); /* Red light tint (icon circles, hover fills) */ /* ===== UI COLORS ===== */ --gs-dark: #1a1a1a; /* Near-black: headings */ --gs-text: #333333; /* Body text */ --gs-text-light: #6b7280; /* Muted/secondary text, subtitles */ --gs-white: #ffffff; --gs-bg: #ffffff; /* Primary page background (clean white) */ --gs-bg-alt: #f6f6f6; /* Alternate section background (FAQ, etc.) */ --gs-cream: #ffffff; /* Card backgrounds (white) */ --gs-border: #e6e6e6; /* Borders, dividers */ --gs-border-light: #f0f0f0; /* Very subtle borders (FAQ items) */ /* ===== SHADOWS ===== */ --gs-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); --gs-shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.12); /* ===== TYPOGRAPHY ===== */ --gs-font-heading: 'Poppins', sans-serif; --gs-font-body: 'Sofia Sans', sans-serif; --gs-heading-style: normal; --gs-heading-weight: 700; /* ===== HERO ===== */ --gs-hero-overlay: rgba(0, 0, 0, 0.4); /* Darkens background image */ /* ===== LAYOUT ===== */ --max-width: 1200px; /* ===== NAVBAR ===== */ --gs-nav-height: 120px; --gs-nav-height-mobile: 85px; --gs-nav-bg: #ffffff; /* Desktop nav background (clean white) */ --gs-nav-open-bg: rgba(21, 21, 21, 0.96); /* Mobile nav open state */ /* ===== BUTTONS ===== */ --gs-btn-radius: 50px; /* ===== FOOTER ===== */ --gs-footer-bg: #1f1f1f; --gs-footer-bar-bg: #2f2f2f; --gs-footer-text: #b9b9b9; /* ===== BRAND GLOW (shadow using primary color) ===== */ --gs-glow: rgba(213, 0, 0, 0.4); --gs-glow-dark: rgba(213, 0, 0, 0.5); --gs-glow-soft: rgba(213, 0, 0, 0.3); /* ===== DECORATIVE ===== */ --gs-star-color: #e6a532; /* Review/rating star gold (warm gold) */ --gs-faq-section-bg: #f6f6f6; /* FAQ outer section background */ --gs-faq-container-bg: #ffffff; /* FAQ inner container background */ /* ===== SEMANTIC ALIASES (shared gs- system tokens) ===== */ --gs-primary: #d50000; --gs-primary-dark: #a80000; --gs-primary-light: rgba(213, 0, 0, 0.1); --gs-accent: #0b6b2a; /* Green accent (logo "Pizza") */ --gs-accent-dark: #095221; --gs-accent-light: rgba(11, 107, 42, 0.12); /* ===== BACKWARD COMPATIBILITY ===== */ /* Old variable names still referenced in the legacy portion of style.css */ --primary-color: #d50000; /* Primary red (bright) */ --primary-color-light: #fff0f0; /* Faint red tint (btn hover bg) */ --primary-color-dark: #0b6b2a; /* Green accent (solid .btn bg, white text — 6.7:1) */ --text-dark: #1a1a1a; --text-light: #6b7280; --white: #ffffff; --main-color: #0b6b2a; /* Green accent */ --bg-shade: #f6f6f6; /* Light shade */ }