/* ============================================================
   Bridge: legacy page components -> homepage design tokens.

   The inner pages are built from .rd-* and .dhx-* components in
   redesign.css and dhx-theme.css. Those are the same design language as
   the homepage, just a different navy, a different gold and different
   fonts. Rather than rewrite four pages of markup and risk losing copy,
   this redefines the variables those components already read, so they
   adopt the homepage palette and typography wherever they appear.

   Load order matters: redesign.css, dhx-theme.css, dh.css, then this.
   ============================================================ */

:root {
  /* redesign.css */
  --ink:         #0B1120;
  --ink-2:       #111827;
  --ink-3:       #1A2236;
  --ivory:       #FFFFFF;
  --ivory-dim:   #94A3B8;
  --ivory-faint: #64748B;
  --gold:        #C9A84C;
  --gold-soft:   #E4CB7A;
  --gold-deep:   #A08526;
  --green:       #4ADE80;
  --line:        rgba(255, 255, 255, 0.08);
  --sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --serif: 'DM Serif Display', Georgia, 'Times New Roman', serif;

  /* services.html carries a third palette of its own, in an inline block. */
  --amber:      #C9A84C;
  --amber-dark: #A08526;
  --black:      #E2E8F0;
  --gray:       #94A3B8;
  --light-gray: #64748B;
  --border:     rgba(255, 255, 255, 0.08);
  --bg:         #0B1120;
  --bg-warm:    #111827;
  --font-serif: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* dhx-theme.css */
  --dhx-navy:       #0B1120;
  --dhx-navy-deep:  #0B1120;
  --dhx-navy-lift:  #1A2236;
  --dhx-navy-raise: #242C4E;
  --dhx-gold:       #C9A84C;
  --dhx-gold-soft:  #E4CB7A;
  --dhx-gold-deep:  #A08526;
  --dhx-text:       #E2E8F0;
  --dhx-text-dim:   #94A3B8;
  --dhx-text-faint: #64748B;
  --dhx-line:       rgba(255, 255, 255, 0.08);
  --dhx-line-soft:  rgba(255, 255, 255, 0.05);
  --dhx-green:      #4ADE80;
  --dhx-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --dhx-serif: 'DM Serif Display', Georgia, 'Times New Roman', serif;
}

/* The legacy sheets set their own body type; the homepage's should win. */
body {
  font-family: var(--body);
  background: var(--bg);
  color: var(--text);
  font-size: 16px;
  line-height: 1.7;
}

/* Legacy headings were Georgia at Georgia's proportions. DM Serif Display
   runs larger and tighter, so it needs the homepage's letter-spacing. */
.rd-h1, .rd-h2, .rd-h3 { letter-spacing: -0.02em; line-height: 1.12; }
.rd-h1 { font-size: clamp(36px, 6vw, 54px); }
.rd-h2 { font-size: clamp(26px, 4.4vw, 38px); }

/* Legacy eyebrows get the rule the homepage labels carry. */
.rd-eyebrow, .eyebrow {
  display: flex; align-items: center; gap: 14px;
  font-family: var(--body); font-weight: 600; letter-spacing: 0.2em;
}
.rd-eyebrow::before, .eyebrow::before {
  content: ""; flex: 0 0 30px; height: 1px; background: var(--accent); opacity: 0.55;
}

/* Legacy buttons pick up the homepage's shape and motion. */
.rd-btn, .btn-primary, .btn-secondary, .btn-primary-lg {
  border-radius: 8px; font-family: var(--body); font-weight: 600;
  letter-spacing: 0.01em; transition: all 0.2s ease;
}