/* ==========================================================================
   Sapphire Ventures brand override
   ==========================================================================
   Loaded AFTER styles.css and brand-opus.css. Overrides tokens; adds no layout
   beyond the venue block, which only the in-person events need.

   Sources, read 2026-09-25, not inferred:
     - ACF Branding on sapphire: page bg #000000, accent + link #567eb9
     - live start page, computed: body black, white card, #567eb9 pill button,
       date line in #567eb9, venue in a bordered box
   ========================================================================== */

:root {
  --brand-primary:        #567eb9;
  --brand-primary-hover:  #41669e;  /* darkened; not from source */
  --brand-accent:         #567eb9;
  --brand-body-text:      #1a1a1a;

  --accent-brown:        var(--brand-primary);
  --accent-brown-hover:  var(--brand-primary-hover);
  --border-focus:        var(--brand-primary);
  --accent-blue:         var(--brand-accent);
  --text-body:           var(--brand-body-text);

  --bg:            #000000;
  --frame-bg:      #000000;
  --frame-border:  #000000;
  --card-bg:       #ffffff;
}

body { color: #ffffff; }

.brand__tag {
  color: #c8d6ec;
  border-color: #33415a;
}

.site-footer { color: #c8d6ec; }
.footer__powered strong { color: #ffffff; }

/* 768x154 wordmark */
.event__sponsor-logo { max-width: 280px; }

.event__when {
  color: var(--brand-accent);
  font-weight: 600;
}

/* In-person venue, matching the live page's bordered location box */
.event__venue {
  max-width: 360px;
  margin: 0 auto var(--space-3);
  padding: var(--space-2) var(--space-3);
  border: 1px solid #dfe5ef;
  border-left: 4px solid var(--brand-accent);
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-body);
  text-align: left;
}

.field input:focus {
  box-shadow: 0 0 0 3px rgba(86, 126, 185, 0.2);
}