/* ============================================================
   BDHQ Consulting — global design system
   Palette derived from the site's existing brand:
   ink #050a14 / gold #c9a227 / serif display + sans body
   ============================================================ */

:root {
  /* Brand */
  --bd-ink:        #050a14;
  --bd-ink-1:      #0a1220;
  --bd-ink-2:      #111b2e;
  --bd-gold:       #c9a227;
  --bd-gold-1:     #ddb94a;
  --bd-gold-dim:   rgba(201, 162, 39, 0.14);

  /* Surfaces (dark page) */
  --bd-surface:    #050a14;  /* page base            */
  --bd-surface-1:  #0a1220;  /* raised band          */
  --bd-surface-2:  #111b2e;  /* card / media well    */

  /* Text on dark */
  --bd-on-dark:      rgba(255, 255, 255, 0.92);
  --bd-on-dark-mute: rgba(255, 255, 255, 0.62);
  --bd-slate:        #8a97b3;

  /* Light-surface fallbacks (auth pages, print) */
  --bd-paper:      #ffffff;
  --bd-paper-1:    #f6f7f9;
  --bd-paper-2:    #eceef2;
  --bd-text:       #1a1b1e;
  --bd-text-mute:  #5b6270;

  /* Lines */
  --bd-line-dark:  rgba(255, 255, 255, 0.12);
  --bd-line-light: rgba(5, 10, 20, 0.10);

  /* Type */
  --bd-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --bd-sans:  'DM Sans', 'Segoe UI', Helvetica, Arial, sans-serif;

  /* Rhythm */
  --bd-shell:   1200px;
  --bd-gut:     24px;
  --bd-section: clamp(72px, 9vw, 132px);

  /* Motion */
  --bd-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

html { scroll-behavior: smooth; background: var(--bd-ink); }
html, body { height: 100%; }
body {
  margin: 0;
  background: var(--bd-ink);
  font-family: var(--bd-sans);
  color: rgba(255, 255, 255, 0.82);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Offset in-page anchors so the fixed header never covers a heading */
#services, #technology, #mission, #contact, #approach {
  scroll-margin-top: 96px;
}

/* Respect reduced-motion for every animation on the site */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}