/* ======================================================
   themes.css — CSS Custom Properties: Dark / Light
   ====================================================== */

[data-theme="dark"] {
  --bg:         #080b14;
  --surface:    #0d1220;
  --accent:     #c49a3c;
  --text:       #f4f2ee;
  --text-muted: rgba(244, 242, 238, 0.45);
  --border:     #1c2540;
  --nav-bg:     rgba(8, 11, 20, 0.92);
  --hero-overlay: rgba(8, 11, 20, 0.62);
  --card-hover: #111827;
}

[data-theme="light"] {
  --bg:         #f4f2ee;
  --surface:    #ffffff;
  --accent:     #b8861e;
  --text:       #080b14;
  --text-muted: #7a8098;
  --border:     #ddd8cf;
  --nav-bg:     rgba(244, 242, 238, 0.95);
  --hero-overlay: rgba(8, 11, 20, 0.50);
  --card-hover: #f0ede8;
}

/* 300ms smooth colour transitions */
*,
*::before,
*::after {
  transition:
    background-color 300ms ease,
    color 300ms ease,
    border-color 300ms ease,
    box-shadow 300ms ease;
}

/* Exclude transforms/opacity from blanket transition */
img,
svg,
.nav__hamburger span,
.marquee__track,
.process__line {
  transition: none;
}