/* ============================================================
   Digitally LevelUp — Brand overrides
   Loaded AFTER css/main.css. Swap colors here once, they apply
   everywhere the template uses its accent/highlight palette.
   Brand palette sampled from the logo:
   purple #A259EC → blue #5B6CFF → cyan #22C8F8 on ink #0F0820
   ============================================================ */

:root {
  /* light color scheme */
  --accent--light: #6A2BF5;
  --highlight--light: #0EA5E9;
  /* dark color scheme */
  --accent--dark: #8B5CF6;
  --highlight--dark: #22C8F8;
}

/* text selection in brand colors */
::selection { background: #8B5CF6; color: #ffffff; }
::-moz-selection { background: #8B5CF6; color: #ffffff; }

/* brand logo images */
.mxd-logo__image,
.menu-logo__image { object-fit: contain; }

/* homepage full-width divider -> portfolio visual */
.divider-image-6 {
  background-image: url(../img/portfolio/suzuki-swift-temptation.jpg);
}

/* logo block spacing safety (img instead of template svg) */
.mxd-header__logo .mxd-logo__image { display: block; }
.mxd-menu__logo .menu-logo__image { display: block; border-radius: 8px; }

/* gradient text utility (add class to any span) */
.text-gradient-brand {
  background: linear-gradient(92deg, #8B5CF6 0%, #5B6CFF 45%, #22C8F8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* Home hero background video (mirrors template cover-img sizing) */
.mxd-hero-02__cover-img { overflow: hidden; }
.mxd-hero-02__cover-video { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (prefers-reduced-motion: reduce) { .mxd-hero-02__cover-video { display: none; } }