/* Shared site variables — brand secondary colors match 3D hero dot accents */
:root {
  --color-dark-red: #6B0F1A; /* maroon dots on home globe, ring on about hero */
  --color-gold: #D4AF7A;       /* gold dots/lines on dark hero pages */
  --accent: var(--color-gold); /* default secondary accent (dark backgrounds) */
  --accent-light: var(--color-dark-red); /* secondary accent on light backgrounds */
  --color-sbi-blue: #00A3E0;
  --color-sbi-navy: #002B5B;
  --color-dark: #1B1B1F;
  --color-off-white: #F7F3EC;
}

/* Footer logo sizing centralized */
.brand-col .logo {
  font-size: 1.5rem;
}

/* Small helper: use accent for subtle highlights */
.highlight-accent { color: var(--accent); }
.btn-accent { border-color: rgba(212, 175, 122, 0.12); color: var(--accent); }

/* Media protection: deter casual right-click / drag saving of images.
   Paired with assets/js/media-protect.js which blocks the contextmenu
   and dragstart events on img/video elements. Not real DRM — anything
   a browser renders can still be captured via devtools or a screenshot. */
img, video {
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
  user-select: none;
}