/* ============================================================ COLOR CONFIGURATION — Agrawwala Sweets · Namkeens · Bakes · Since 1951 Theme: Warm Ivory / Sweet Cream dominant · Royal Burgundy & Saffron Gold accents Designed and Code written by Pusala Arun Kumar ✦ THIS is the ONLY file you change per restaurant. ✦ Load this BEFORE restaurant-core.css in your HTML. ============================================================ */ :root { /* ──────────────────────────────────── TYPOGRAPHY ──────────────────────────────────── */ --font-display: 'Cormorant Garamond', Georgia, serif; --font-body: 'DM Sans', system-ui, sans-serif; --font-label: 'DM Sans', system-ui, sans-serif; /* ──────────────────────────────────── LAYOUT TOKENS ──────────────────────────────────── */ --nav-h: 76px; --ease: cubic-bezier(0.16, 1, 0.3, 1); --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1); /* ──────────────────────────────────── SHADOWS (soft, warm-plum & saffron neutral) ──────────────────────────────────── */ --shadow-xs: 0 1px 4px rgba(50, 16, 28, 0.06); --shadow-sm: 0 3px 14px rgba(50, 16, 28, 0.08); --shadow-md: 0 8px 32px rgba(50, 16, 28, 0.10); --shadow-lg: 0 20px 60px rgba(50, 16, 28, 0.14); --shadow-accent: 0 6px 24px rgba(115, 24, 53, 0.18); /* ════════════════════════════════════ ★ BRAND PALETTE ★ ════════════════════════════════════ */ /* ── ROYAL BURGUNDY / MAROON (used for CTAs, ribbon, primary brand anchors) ─── */ --brand-burgundy: #731835; /* ← signature deep rich burgundy from card backdrop */ --brand-burgundy-mid: #8A2142; /* ← slightly brighter berry maroon for hover states */ --brand-burgundy-light: #A33357; /* ← lighter berry highlight */ --brand-burgundy-pale: #FAF0F3; /* ← barely-there blush rose tint */ --brand-burgundy-mist: #FCF7F9; /* ← whisper pink tint */ --brand-burgundy-dark: #4E0E22; /* ← deepest wine / maroon (footer & CTA dark) */ /* ── SAFFRON / DULCET GOLD (used sparingly — labels, icons, borders, seal badge) ─── */ --brand-gold: #C97A2B; /* ← warm saffron amber from the outline artwork */ --brand-gold-mid: #D98A38; /* ← richer golden highlight */ --brand-gold-pale: #FDF6EE; /* ← faint warm saffron/cream tint */ --brand-gold-deep: #A8611B; /* ← deeper bronze gold for hover states */ --brand-gold-dark: #7A4410; /* ← deepest roasted amber */ /* ── WARM IVORY / SWEET CREAM FAMILY (dominant — 70%+ of page) ── */ --brand-beige: #FAF7F2; /* ← main page background, warm ivory */ --brand-beige-light: #FFFFFF; /* ← pure white cards & panels */ --brand-beige-mid: #F3EDE3; /* ← alternating section background */ --brand-beige-deep: #EAE1D3; /* ← deeper warm rabdi cream section bg */ --brand-beige-border: #DBCFBD; /* ← warm delicate borders */ /* ──────────────────────────────────── BACKGROUNDS (ivory / warm cream dominant) ──────────────────────────────────── */ --color-bg: #FFFFFF; /* pure white — hero, cards */ --color-bg-off: #FAF7F2; /* warm ivory — alternating sections */ --color-bg-cream: #F3EDE3; /* deeper warm cream */ /* ──────────────────────────────────── TEXT (warm deep espresso maroon — not cold black) ──────────────────────────────────── */ --color-text-ink: #240C14; /* deep dark wine-brown headings */ --color-text-body: #3D262F; /* warm dark berry-brown body */ --color-text-muted: #78616A; /* warm muted taupe */ --color-text-faint: #AC9AA1; /* faint muted label tone */ /* Text on dark backgrounds */ --color-text-on-dark: #FAF7F2; --color-text-on-dark-muted: rgba(250, 247, 242, 0.70); --color-text-on-dark-faint: rgba(250, 247, 242, 0.40); /* ──────────────────────────────────── ACCENT COLORS ───────────────────────────────────── Saffron Gold = section labels, icons, underlines (sweet elegance) Royal Burgundy = CTA buttons, ribbon, badges (punchy & rich) ──────────────────────────────────── */ --color-accent: var(--brand-gold); /* nav underline, section labels */ --color-accent-deep: var(--brand-gold-deep); /* hover darken */ --color-accent-dark: var(--brand-burgundy-dark);/* deep maroon on light bg */ /* Saffron Gold gradient — thin lines, underlines, left-border accents */ --color-accent-gradient: linear-gradient(135deg, #A8611B, #C97A2B); --color-accent-gradient-soft: linear-gradient(135deg, #FDF6EE, #D98A38); --color-accent-gradient-rich: linear-gradient(135deg, #7A4410, #A8611B, #C97A2B); /* Burgundy gradient — CTA buttons, ribbon, promise section */ --color-green-gradient: linear-gradient(135deg, #4E0E22, #731835); --color-green-gradient-rich: linear-gradient(160deg, #380716, #4E0E22, #731835); /* Brand signature — royal burgundy to warm saffron gold */ --color-brand-gradient: linear-gradient(135deg, #731835, #C97A2B); /* ──────────────────────────────────── BORDERS (warm cream dominant with burgundy tints) ──────────────────────────────────── */ --color-border-light: rgba(115, 24, 53, 0.08); /* default card borders */ --color-border: rgba(115, 24, 53, 0.20); /* stronger border */ --color-border-strong: rgba(115, 24, 53, 0.38); --color-border-accent: rgba(201, 122, 43, 0.35); /* saffron gold border */ --color-border-cream: rgba(115, 24, 53, 0.06); /* On dark sections */ --color-border-on-dark: rgba(250, 247, 242, 0.16); /* ──────────────────────────────────── HERO RADIAL GLOWS (soft, sweet warmth) ──────────────────────────────────── */ --color-hero-glow-1: rgba(115, 24, 53, 0.06); /* subtle burgundy depth */ --color-hero-glow-2: rgba(201, 122, 43, 0.05); /* subtle saffron glow */ --color-grid-line: rgba(115, 24, 53, 0.04); /* warm subtle grid */ /* ──────────────────────────────────── BADGE / OFFER BOX ──────────────────────────────────── */ --color-badge-bg: #F3EDE3; /* warm cream badge background */ --color-badge-green: var(--brand-gold-pale); /* ──────────────────────────────────── PULSE RING (hero badge dot) ──────────────────────────────────── */ --color-pulse-ring: rgba(115, 24, 53, 0.25); /* ──────────────────────────────────── INK (dark) SURFACES ───────────────────────────────────── Ribbon → Royal Burgundy (#731835) Promise → Deep Wine Maroon (#380716) CTA → Deep Burgundy (#4E0E22) Footer → Espresso Dark Wine (#240C14) ──────────────────────────────────── */ --color-ink: #380716; /* deep wine maroon — promise section */ --color-on-ink: #FAF7F2; /* warm ivory text on dark */ --color-ink-mid: #4E0E22; /* mid wine dark */ /* ──────────────────────────────────── INK SECTION GLOWS ──────────────────────────────────── */ --color-ink-glow-1: rgba(115, 24, 53, 0.18); /* faint berry on dark */ --color-ink-glow-2: rgba(201, 122, 43, 0.12); /* faint saffron warmth */ /* ──────────────────────────────────── RIBBON (royal burgundy) ──────────────────────────────────── */ --color-ribbon-border: rgba(250, 247, 242, 0.14); --color-ribbon-text: #FAF7F2; /* ──────────────────────────────────── FOOTER (deep wine espresso dark) ──────────────────────────────────── */ --color-footer-bg: #240C14; /* rich dark wine espresso — calm & regal */ } /* ════════════════════════════════════════════════════════════ SECTION OVERRIDES Navbar CTA button, Ribbon, and CTA section flip to Royal Burgundy (#731835). Promise & Footer take deep wine-brown/espresso shades. ════════════════════════════════════════════════════════════ */ /* Navbar CTA button → royal burgundy */ .btn-nav-order { background: var(--brand-burgundy) !important; color: #FFFFFF !important; } .btn-nav-order::before { background: linear-gradient(135deg, #4E0E22, #731835) !important; } /* Ribbon → royal burgundy */ .ribbon { background: var(--brand-burgundy) !important; color: #FFFFFF !important; border-top-color: rgba(250, 247, 242, 0.14) !important; border-bottom-color: rgba(250, 247, 242, 0.14) !important; } /* CTA section → deep royal burgundy */ .cta-section { background: var(--brand-burgundy-dark) !important; } /* Promise section → deep wine maroon (--color-ink set above) */ /* Why, Menu, Testimonials, Hero → warm ivory white / sweet cream ✓ */