/* BeeupTech brand overrides
   Palette:
   - Orange: #F69011
   - Navy:   #08284F
   - Cyan:   #0BAEE1
   - Black:  #000000
   - White:  #FFFFFF
*/

:root {
  --beeup-orange: #F69011;
  --beeup-orange-700: #D9790A; /* slightly darker hover */
  --beeup-navy: #08284F;
  --beeup-navy-900: #061E3A;
  --beeup-cyan: #0BAEE1;
  --beeup-cyan-200: #AEEAF7;

  /* brand-ish shadows */
  --beeup-shadow-orange: 0 16px 30px rgba(246, 144, 17, 0.22);
  --beeup-shadow-navy: 0 16px 30px rgba(8, 40, 79, 0.18);
}

/* Make primary CTAs orange-forward */
.header-btn13,
.homepage7-body .header-area.homepage7 .header-elements .btn-area .header-btn13,
.mobile-sidebar.mobile-sidebar7 .mobile-nav.mobile-nav1 .header-btn13,
.footer7-section-area .footer-logo-area3 form button.header-btn13 {
  background: var(--beeup-orange);
  color: var(--beeup-navy);
  box-shadow: var(--beeup-shadow-orange);
}

.header-btn13:hover,
.homepage7-body .header-area.homepage7 .header-elements .btn-area .header-btn13:hover,
.mobile-sidebar.mobile-sidebar7 .mobile-nav.mobile-nav1 .header-btn13:hover,
.footer7-section-area .footer-logo-area3 form button.header-btn13:hover {
  background: var(--beeup-navy);
  color: #FFFFFF;
  box-shadow: var(--beeup-shadow-navy);
}

/* Keep the sibling variant consistent */
.header-btn14 {
  background: var(--beeup-orange-700);
  color: #FFFFFF;
  box-shadow: var(--beeup-shadow-orange);
}

.header-btn14:hover {
  background: var(--beeup-orange);
  color: var(--beeup-navy);
}

/* Slightly more orange presence on generic accents */
a:hover,
a:focus {
  color: var(--beeup-orange);
}

/* Focus rings that match brand */
.header-btn13:focus-visible,
.header-btn14:focus-visible,
.header-btn15:focus-visible,
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--beeup-cyan);
  outline-offset: 2px;
}