/* ==========================================================================
   BRAND CONTENT BRIDGE — Group B (classic content inside brand frame)
   --------------------------------------------------------------------------
   Loaded ONLY by themes/brand/layouts/app.blade.php (after brand.css + Vite
   build). Maps the CLASSIC content Tailwind utilities `*-primary*` (purple
   #65387b family) and `*-gold` (undefined → invisible) onto the BRAND palette,
   so downgraded classic views (kontakt, faq, vozovy-park, team-vav,
   podporujeme, zlavy-akcie-vodicak) match the brand frame (header/footer):
   VIOLET primary + CORAL accent — NOT purple, NOT all-coral.

   Mapping (consistent with brand frame):
     classic `primary`  → brand VIOLET  (primary brand colour, dominates frame)
     classic `gold`     → brand CORAL   (warm accent, pairs with violet)

   Two layers of defense (staging CI build bakes some opacity modifiers as
   literal hex, so var() override alone is not enough — hence explicit classes):
     1. Redefine @theme color vars → fixes utilities that use var().
     2. Explicit !important per-class overrides → fixes baked-hex utilities
        and the undefined `gold` utilities.

   Brand scale (from brand.css):
     primary       #65387b   (--violet, primary brand)
     primary-dark  #47265b   (--violet-dark, hero bg)
     primary-light #8755a1   (--violet-2, secondary)
     primary-pale  #f0e8f3   (--violet-soft, tint)
     gold          #ff8a3d   (--yellow, warm coral accent)
   ========================================================================== */

:root {
  --color-primary:       #65387b;
  --color-primary-dark:  #47265b;
  --color-primary-light: #8755a1;
  --color-primary-pale:  #f0e8f3;
  --color-gold:          #ff8a3d;
}

/* --------------------------------------------------------------------------
   TEXT
   -------------------------------------------------------------------------- */
.text-primary            { color: #65387b !important; }
.text-primary-dark       { color: #47265b !important; }
.text-primary-light      { color: #8755a1 !important; }
.text-primary-pale       { color: #f0e8f3 !important; }
.text-primary\/70        { color: rgba(101, 56, 123, 0.70) !important; }
.text-primary-pale\/80   { color: rgba(240, 232, 243, 0.80) !important; }
.hover\:text-primary:hover      { color: #65387b !important; }
.hover\:text-primary-dark:hover { color: #47265b !important; }

/* --------------------------------------------------------------------------
   BACKGROUND
   -------------------------------------------------------------------------- */
.bg-primary              { background-color: #65387b !important; }
.bg-primary-dark         { background-color: #47265b !important; }
.bg-primary-light        { background-color: #8755a1 !important; }
.bg-primary-pale         { background-color: #f0e8f3 !important; }
.bg-primary\/5           { background-color: rgba(101, 56, 123, 0.05) !important; }
.bg-primary\/10          { background-color: rgba(101, 56, 123, 0.10) !important; }
.hover\:bg-primary:hover      { background-color: #65387b !important; }
.hover\:bg-primary-dark:hover { background-color: #47265b !important; }
.hover\:bg-primary\/5:hover   { background-color: rgba(101, 56, 123, 0.05) !important; }
.focus\:bg-primary:focus      { background-color: #65387b !important; }

/* --------------------------------------------------------------------------
   BORDER / RING
   -------------------------------------------------------------------------- */
.border-primary          { border-color: #65387b !important; }
.border-primary\/10      { border-color: rgba(101, 56, 123, 0.10) !important; }
.border-primary\/30      { border-color: rgba(101, 56, 123, 0.30) !important; }
.hover\:border-primary:hover     { border-color: #65387b !important; }
.hover\:border-primary\/30:hover { border-color: rgba(101, 56, 123, 0.30) !important; }
.ring-primary            { --tw-ring-color: #65387b !important; }
.focus\:ring-primary:focus { --tw-ring-color: #65387b !important; }

/* --------------------------------------------------------------------------
   GRADIENTS — from / via / to (set the Tailwind gradient custom props)
   -------------------------------------------------------------------------- */
.from-primary            { --tw-gradient-from: #65387b !important; }
.from-primary-dark       { --tw-gradient-from: #47265b !important; }
.from-primary-pale       { --tw-gradient-from: #f0e8f3 !important; }
.from-primary\/5         { --tw-gradient-from: rgba(101, 56, 123, 0.05) !important; }
.from-primary\/10        { --tw-gradient-from: rgba(101, 56, 123, 0.10) !important; }
.hover\:from-primary-dark:hover { --tw-gradient-from: #47265b !important; }

.via-primary-dark        { --tw-gradient-via: #47265b !important; }

.to-primary              { --tw-gradient-to: #65387b !important; }
.to-primary-dark         { --tw-gradient-to: #47265b !important; }
.to-primary-light        { --tw-gradient-to: #8755a1 !important; }
.to-primary\/5           { --tw-gradient-to: rgba(101, 56, 123, 0.05) !important; }
.to-primary\/10          { --tw-gradient-to: rgba(101, 56, 123, 0.10) !important; }
.to-gold                 { --tw-gradient-to: #ff8a3d !important; }
.hover\:to-primary:hover { --tw-gradient-to: #65387b !important; }

/* --------------------------------------------------------------------------
   TEXT COLOR — fix for un-layered brand.css `a { color: inherit }` overriding
   Tailwind v4 `.text-white` utility (audit A2 2026-05-27)
   Fixes 30/33 CRITICAL contrast findings on /kontakt, /podporujeme, etc.
   -------------------------------------------------------------------------- */
.text-white              { color: #ffffff !important; }
.text-white\/90          { color: rgba(255, 255, 255, 0.90) !important; }
.text-white\/80          { color: rgba(255, 255, 255, 0.80) !important; }
.text-white\/70          { color: rgba(255, 255, 255, 0.70) !important; }
a.text-white,
button.text-white,
a.text-white\/90,
button.text-white\/90    { color: #ffffff !important; }