/* YNMT public site — brand-specific overrides
 * Per YNMT Brand Board v1 §3 (warm-earth palette extension)
 * Bomber-T2 S113 asset pack: extended --ynmt-* token set for downstream code-integration.
 */

:root {
  /* === Bomber-T2 S113 canonical --ynmt-* palette tokens === */
  /* Per Bomber-H A2 ratify (Lumi-pick GREEN): warm-earth differentiation */
  --ynmt-primary:      #a85a3a;  /* brick — primary accent (nav · CTAs · alerts) */
  --ynmt-secondary:    #c8a96e;  /* gold — secondary accent (donate · highlights) */
  --ynmt-accent:       #4dc8e8;  /* cerulean — link / trust accent (inherited SS Earth) */
  --ynmt-sage:         #85a07e;  /* success / 28-72-in-range confirm */

  --ynmt-warm-earth-1: #faf4e3;  /* lightest cream — page inset */
  --ynmt-warm-earth-2: #f5ecd9;  /* sand — primary bg */
  --ynmt-warm-earth-3: #ede0c4;  /* deeper sand — warm sections */
  --ynmt-warm-earth-4: #d4c8a8;  /* tan border */
  --ynmt-warm-earth-5: #b8a578;  /* deep tan border-hi */

  --ynmt-fg:           #2a2520;  /* warm-dark text */
  --ynmt-fg-bright:    #14110d;  /* near-black warm-dark headings */
  --ynmt-fg-muted:     #6b5f4d;  /* muted warm */
  --ynmt-fg-dim:       #9a8c75;

  /* === Site-runtime mapping (back-compat with base.css var lookups) === */
  --bg:           var(--ynmt-warm-earth-2);  /* YNMT sand */
  --bg-card:      #ffffff;
  --bg-warm:      var(--ynmt-warm-earth-3);
  --bg-inset:     var(--ynmt-warm-earth-1);

  --fg:           var(--ynmt-fg);
  --fg-bright:    var(--ynmt-fg-bright);
  --fg-muted:     var(--ynmt-fg-muted);
  --fg-dim:       var(--ynmt-fg-dim);

  --accent:       var(--ynmt-accent);
  --accent-2:     #3a9eb8;
  --accent-warm:  var(--ynmt-secondary);

  /* Legacy aliases (DO NOT REMOVE — base.css references these directly) */
  --ynmt-sand:    var(--ynmt-warm-earth-2);
  --ynmt-brick:   var(--ynmt-primary);

  --border:       var(--ynmt-warm-earth-4);
  --border-lo:    #e6daba;
  --border-hi:    var(--ynmt-warm-earth-5);

  --header-bg:    rgba(245, 236, 217, 0.92);

  --font-body: 'Lexend', system-ui, -apple-system, sans-serif;
}

/* Logo accent */
.logo-accent {
  color: var(--accent);
}

/* Site logo color for YNMT */
.site-logo {
  color: var(--fg-bright);
}

/* Outreach pillar - geodesic-home themed (cooler bg) */
#outreach {
  background: var(--bg-card);
}

/* Training pillar - dark theme per YNMT live (high contrast) */
#training {
  background: var(--fg-bright);
  color: var(--bg);
}

#training h2 {
  color: var(--bg);
}

#training p {
  color: var(--ynmt-sand);
}

#training {
  border-top-color: var(--fg-muted);
}

/* Wisdom pillar - warm */
#wisdom {
  background: var(--bg-warm);
}

/* Marquee uses warm brick over sand */
.marquee-banner {
  background: var(--ynmt-brick);
  color: var(--bg);
}

/* Site-header */
.site-header {
  border-bottom-color: var(--border);
}

/* Site nav for YNMT */
.site-nav a {
  color: var(--fg);
}

.site-nav a:hover {
  color: var(--ynmt-brick);
}

/* Hero quote attribution */
.hero-text em {
  color: var(--fg-bright);
  font-style: italic;
}

/* Footer */
.site-footer {
  background: var(--ynmt-sand);
  border-top-color: var(--border);
}

.footer-title {
  color: var(--fg-bright);
}

.footer-status {
  color: var(--fg-muted);
}