/* ==========================================================================
   90-whitelabelling.css
   Media Site Gen 2: Customer branding overrides
   Purpose:
   - Override design tokens from 00-core.css for customer-specific branding
   - Keep changes limited to variables so the platform remains upgradeable
   Loading:
   - Load AFTER 00-core.css and before component CSS where possible
   - Or load last if you want it to win over everything
   ========================================================================== */

/* ==========================================================================
   1) Global brand overrides (default customer theme)
   Notes:
   - Prefer overriding the smallest set of tokens needed:
     primary/link, focus, surfaces, text, border, semantic colours (optional)
   ========================================================================== */

:root {
  /* Primary brand colour */
  --link: rgba(7, 78, 193, 1); 
  --link-hover: rgba(4, 62, 154, 1); 

  /* Primary aliases */
  --primary: var(--link);
  --primary-hover: var(--link-hover);

  /* Text on primary (usually white for strong brand colours) */
  --on-primary: rgb(255, 255, 255, 1);; 

  /* Focus ring should remain visible on both light surfaces and brand elements */
  --focus: rgba(7, 78, 193, 0.66); 

  /* Element Radii */
  --radius-search: var(--radius-pill);

    --theme-1: rgb(9, 111, 4);
    --theme-2: rgb(4, 108, 68);
    --theme-3: rgb(4, 105, 118);
    --theme-4: rgb(76, 9, 244);
    --theme-5: rgb(156, 7, 197);
    --theme-6: rgb(172, 6, 153);
}


.hero--overlay .hero__inner::before {
  --hero-overlay-bottom-from: rgb(17, 33, 58, 0);
  --hero-overlay-bottom-to: rgb(17, 33, 58, 1);

  --hero-overlay-side-from: rgb(17, 33, 58, 0);
  --hero-overlay-side-mid: rgb(17, 33, 58, 0.5);
  --hero-overlay-side-to: rgb(17, 33, 58, 1);
}