/* ==========================================================================
   BRANDING — single source of truth for site colours (safety-courses.co.uk)
   Matches safetycoursesonline.ie: navy #16305a + red #cf142b.
   Loaded last on every page so these variables win the cascade.
   Change a colour here and it updates everywhere that uses the variables.
   ========================================================================== */
:root {
  /* brand */
  --brand-navy:        #16305a;
  --brand-navy-deep:   #0f2447;
  --brand-navy-mid:    #24487d;
  --brand-red:         #cf142b;
  --brand-red-deep:    #a5101f;
  --brand-navy-light:  #9db4d7;

  /* semantic aliases used across the templates */
  --accent:        #16305a;
  --accent-hover:  #24487d;
  --accent-light:  #9db4d7;
  --orange:        #cf142b;
  --orange-deep:   #a5101f;
  --green:         #16305a;
  --green-deep:    #0f2447;
  --green-btn:     #16305a;
  --green-btn-hover:#122a4d;
  --navy:          #0f2447;
  --blue:          #16305a;
  --success:       #16305a;

  /* neutrals (unchanged — shared with IE) */
  --white:         #ffffff;
  --bg:            #f8f9fb;
  --bg-warm:       #fbf7f8;
  --fg:            #1a1d23;
  --fg-secondary:  #4a4f58;
  --fg-muted:      #8a8f98;
  --text:          #1a1d23;
  --text-secondary:#4a4f58;
  --text-muted:    #6b7884;
  --border:        #e4e7ee;
}

/* --------------------------------------------------------------------------
   IE-style red pop: course "Register" buttons and prices are red (#cf142b),
   structure stays navy. Matches safetycoursesonline.ie. Edit here only.
   -------------------------------------------------------------------------- */
.course-card .course-btn.step_btn,
a.course-btn.step_btn,
button.course-btn.step_btn {
  background: #cf142b !important;
  color: #fff !important;
  border-color: #cf142b !important;
}
.course-card .course-btn.step_btn:hover,
a.course-btn.step_btn:hover,
button.course-btn.step_btn:hover {
  background: #a5101f !important;
  border-color: #a5101f !important;
}
.course-price, .price, .cur, .hero-price, .pr-price, .bc-price,
.all-courses-content-block-img-price {
  color: #cf142b !important;
}
.course-price::after, .price::after, .cur::after,
.hero-price::after, .pr-price::after, .bc-price::after {
  color: var(--fg-muted) !important;
}