/* ==========================================================================
   The Burger Bus — tenant stylesheet (Phase 2)
   Loaded LAST in the chain: routed.css → core/fta-default.css → this file
   (handle 'fta-tenant-burgerbus', depends on 'fta-default'). Structural CSS for
   sections lives in fta-default.css; this file carries ONLY brand values —
   colors, typography, and the CSS-variable overrides that re-skin the engine
   defaults. Do NOT add layout/structure here (see CLAUDE.md "Default Styles").
   Scope: everything namespaced under .fta-render so it never leaks into the theme.
   ========================================================================== */

:root {
  --bb-navy:        #1B3A6B;
  --bb-yellow:      #F5B800;
  --bb-amber:       #EF9F27;
  --bb-muted:       #5C6478;
  --bb-navy-soft:   rgba(27, 58, 107, 0.08);
  --bb-radius:      16px;
  --bb-sf-gap:      clamp(1.5rem, 3vw, 3rem);
  --bb-sf-pad:      clamp(1.5rem, 3vw, 2.75rem);
}

/* --------------------------------------------------------------------------
   Brand overrides — re-point the engine's section tokens (defined with neutral
   defaults in fta-default.css) at the Burger Bus palette. Brand values only.
   -------------------------------------------------------------------------- */
.fta-render {
  /* Service-fit: navy primary, yellow accent, brand red CTA. */
  --sf-primary:      var(--bb-navy);
  --sf-primary-soft: var(--bb-navy-soft);
  --sf-accent:       var(--bb-yellow);
  --sf-muted:        var(--bb-muted);
  --sf-cta:          #C41230;
  --sf-cta-dark:     #A30F28;

  /* Menu-highlights: brand amber accent (vs the engine default amber). */
  --mh-accent:       #EF9F27;

  /* Local-proof: the dark editorial defaults already match the brand theme;
     only the amber accent is re-asserted (defaults otherwise stand). */
  --lp-accent:       #EF9F27;

  /* Booking-contact: brand palette (structure lives in fta-default.css). Navy
     primary + card border/shadow, brand yellow eyebrow, amber sub-labels. The
     spec-cell / availability / divider defaults already suit the white card. */
  --bc-primary:      var(--bb-navy);
  --bc-eyebrow:      var(--bb-yellow);
  --bc-accent:       #EF9F27;
  --bc-muted:        var(--bb-muted);
  --bc-radius:       var(--bb-radius);
  --bc-pad:          var(--bb-sf-pad);
  /* Estimator: deep form navy for slider/thumb/CTA + popover heading; amber flag. */
  --bc-slider-color:    #002068;
  --bc-flag-color:      #EF9F27;
  --bc-popover-heading: #002068;
  --bc-avail-color:     #2d6a2d;
  /* Form-panel amber border glow (frames the embedded booking form). */
  --bc-form-border:     2px solid #EF9F27;
  --bc-form-glow:       0 0 24px rgba(239, 159, 39, 0.15);

  /* FAQ: brand amber accent bar on each question (matches menu/local-proof accent). */
  --faq-accent:      #EF9F27;

  /* Final-CTA: dark panel default already suits the brand; only re-point the CTA
     button at the brand red (same as the service-fit CTA). Scoped to .fta-fcta-btn
     in fta-default.css, so this does NOT change other .fta-btn buttons. */
  --fcta-btn-bg:     #C41230;
  --fcta-btn-hover:  #A30F28;
  --fcta-top-border: var(--bb-amber, #EF9F27);   /* amber top border — ties to the form glow above */

  /* Booking-agent: brand palette on the white specialist card (structure lives in
     fta-default.css). Navy primary + amber accent (eyebrow, title, photo ring,
     fact ticks), brand muted body text. */
  --ba-primary:      var(--bb-navy);
  --ba-accent:       #EF9F27;
  --ba-muted:        var(--bb-muted);
  --ba-radius:       var(--bb-radius);
  --ba-pad:          var(--bb-sf-pad);
}