/* Scoop Stop was the original home of this Burgundy/Periwinkle/Scoop
   Cream palette (2026-08-24), later promoted to the site-wide default
   in style.css's base :root (2026-08-29) and, on the same day, moved
   again there from Burgundy/Scoop Cream to Periwinkle for --oat-milk/
   --accent/--nav-panel-bg/--nav-highlight. Third pass, still the same
   day: this file no longer pins its own local --accent/--accent-rgb/
   --accent-contrast/--accent-hover-light/-dark/--nav-highlight/
   --nav-panel-bg/nav-panel-text-color at all - Scoop Stop now inherits
   every one of those straight from style.css's base :root, same as
   Yazol Coffee already did, so the MENU button, nav dropdown panel,
   and every other --accent-driven element here match the rest of the
   site's periwinkle instead of staying on their own burgundy/scoop-
   cream values. What's left local to this file:
     - The CARD-LEVEL surface for .domain-strip/.menu-browse-strip/
       .menu-category below, now var(--oat-milk) (periwinkle, tracking
       the base token directly) rather than a separate --scoop-cream
       constant - still needs to be set per-brand since the shared
       base default for those selectors is plain white (see yazol.css's
       top comment for why: product photos use mix-blend-mode:
       multiply, which needs a light neutral backdrop specifically).
     - The PAGE-LEVEL dark burgundy sections and --periwinkle-as-text-
       on-burgundy fixes below - burgundy page background was never
       asked to change, only the light/accent side was.
     - The hero, still Dark Magenta (#92278F, "the real logo color,
       non-negotiable" per the line this file always opened with).
     - The footer, burgundy like every other footer on the site (no
       longer pinned to black), inheriting --accent/--accent-contrast
       from the base now rather than a local override. */

:root {
    --periwinkle:  #B0CEFE;
    --burgundy:    #7A303B;
}

/* ─── PAGE-LEVEL: --burgundy (2026-08-24, replacing the original
   --periwinkle direction on request - periwinkle didn't read right as
   a full-page background). Text flips from dark ink to white/near-
   white here, same 0.92/0.68 convention Yazol's chocolate pass uses -
   plain --ink/--text-muted would be unreadable against burgundy now.
   --accent is periwinkle now (not burgundy), so it's no longer 1:1
   against this background either way - --periwinkle below is kept
   anyway since it's the exact same color as --accent now and there's
   no reason to touch a rule that's already correct. */
.domain-section-header,
.gallery-section,
.hero-page-centered {
    background: var(--burgundy);
    color: rgba(255,255,255,0.92);
}
/* Each has its own more specific `color: var(--ink)` rule in the
   shared style.css (higher specificity than the container fallback
   above), so each needs its own override to actually flip. */
.domain-section-header h2,
.hero-page-centered h1,
.hero-page-centered .menu-header-subtitle {
    color: var(--scoop-cream);
}
.gallery-section .section-eyebrow {
    color: var(--periwinkle);
}

/* Focus rings: --periwinkle (same color as --accent now) is the
   readable one against --burgundy - scoped to just these three
   page-level containers, not to card-level surfaces, where the base
   --accent-text token already reads fine. */
.domain-section-header :focus-visible,
.gallery-section :focus-visible,
.hero-page-centered :focus-visible {
    outline-color: var(--periwinkle);
}

/* ─── CARD-LEVEL: var(--oat-milk), periwinkle - the category tab-strip
   only. .menu-category itself is NOT part of this anymore (2026-08-29)
   - it's now a bare base-level burgundy rule in style.css, same on
   every brand, since .menu-flavor-photo img there dropped
   mix-blend-mode: multiply specifically so photos stay true-colored
   on burgundy instead of needing this light backdrop (see that rule's
   own comment in style.css for the full reasoning, including why the
   Scoop Builder's inline size picker - render_scoop_builder shares
   .menu-category with render_category - needed its own light-on-dark
   treatment there too, since it has no white modal card wrapping it
   the way a regular item's size picker does). */
.domain-strip,
.menu-browse-strip {
    background: var(--oat-milk);
}
.menu-flavor-modal-close { background: var(--oat-milk); }

/* Untouched: the real logo color, not part of this pass. */
.hero-home {
    background: #92278F;
}
/* Dead rule already (no <em> in the current hero markup) - left as-is,
   not part of this pass either. */
.hero-home h1 em { color: #2d5acd; }

/* Kawartha logo band swapped from style.css's shared white to
   --scoop-cream, matching the card-level surfaces elsewhere on the
   site. */
.hero-logo-band {
    background: var(--scoop-cream);
}