/* ============================================================ v30 (bun-2) — Colour Variation 1 : "Macgregors Original" ------------------------------------------------------------ Loaded ONLY when a restaurant's SiteFont.color_variation = 1 (see @metropolis_web/views/common/partials/color-variation-changer.php). The base v30 theme stays the original neon "bun-2" look. This variation re-skins it for Macgregors: • repaints the neon-green / yellow accents with brand blue #3476bb • swaps the display + body type to SANevada / Futura NOTE: the layouts (main.php / base.php / main-inner-page.php) print an inline ":root" token block AFTER , where this file loads. To win the cascade regardless of source order, the token overrides below are flagged !important — which is valid, and authoritative, for CSS custom-property declarations. ============================================================ */ /* ---- Brand fonts (client-supplied files, repackaged for the web) ---- */ @font-face { font-family: 'SANevada'; src: url('../fonts/SANevada.otf') format('opentype'); font-weight: 400 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura'; src: url('../fonts/Futura-Medium.ttf') format('truetype'); font-weight: 400 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura'; src: url('../fonts/Futura-Bold.ttf') format('truetype'); font-weight: 600 900; font-style: normal; font-display: swap; } /* ---- Design tokens: brand blue + brand type ---- */ :root { --b-lime: #3476bb !important; /* the neon accent, now blue */ --b-lime-soft: rgba(52,118,187,0.14) !important; --b-yellow: #3476bb !important; /* secondary yellow → blue */ --b-primary: #3476bb !important; --b-tertiary: #3476bb !important; --primary-theme-color: #3476bb !important; /* shared cart/checkout accents */ --b-font: 'SANevada', 'Titan One', cursive !important; /* headings */ --b-body: 'Futura', 'Montserrat', sans-serif !important; /* body */ } /* ---- Spots the base theme hard-codes (can't ride the tokens) ---- */ /* Ticker text now sits on a blue bar → white for contrast */ .b-ticker-track { color: #fff !important; } /* Popular-menu heading + its little swashes */ .b-menu .b-sec-head { color: #3476bb !important; } .b-menu .b-sec-head svg path { stroke: #3476bb !important; } /* Reviews meter secondary bar (was brand yellow) */ .b-revs-bar-fill.lower { background: #3476bb !important; } /* ---- Buttons: dark-on-neon → white-on-blue ---- */ .b-btn-pri, .b-nav-btn { color: #fff !important; box-shadow: 0 12px 26px rgba(52,118,187,.28) !important; } .b-btn-pri:hover, .b-nav-btn:hover { background: #285f97 !important; border-color: #285f97 !important; color: #fff !important; } /* Brand dot in the logo lockup */ .b-brand-icon { background: linear-gradient(180deg, #3476bb 0%, #22517f 100%) !important; box-shadow: 0 0 20px rgba(52,118,187,.4) !important; } /* Hero ambient glow — light blue so it LIFTS the title like the neon did. The dark linear overlay is byte-identical to base/live; only the glow tint changes, so overall hero brightness matches the live site. */ .b-hero::after { background: radial-gradient(circle at 50% 42%, rgba(150,195,240,.22), transparent 36%), linear-gradient(180deg, rgba(10,10,10,.62), rgba(10,10,10,.28) 42%, rgba(10,10,10,.92)) !important; } /* Gallery hover wash + modal accent hovers (were neon #eeff62) */ .b-gl-item:hover::before { background: rgba(52,118,187,0.13) !important; } .modalNewstyle .btnPrimary:hover { background: #285f97 !important; border-color: #285f97 !important; } .modalNewstyle .simpleLink:hover, .modalNewstyle .linkStyle2:hover { color: #3476bb !important; } /* Mobile-fit the accent heading line + keep the story avatar transparent so a logo the same colour as the accent doesn't merge with the circle behind it. */ .b-hero-h1 .line1 { font-size: clamp(62px, 9vw, 112px); } .b-story-avatar { background: transparent; }