/*
 Theme Name:   Reid Dental
 Theme URI:    https://eoshealthcaremarketing.com/
 Description:  Reid Dental — EOS Divi 5 child theme.
 Author:       EOS Healthcare Marketing
 Author URI:   https://eoshealthcaremarketing.com/
 Template:     Divi
 Version:      1.0.0
 Text Domain:  reid-dental
*/


:root {

  /* Fonts — one --font-[slug] per project font */
  --font-nexa : "nexa", sans-serif;  /* Typekit rke8ome — all type */

  /* Colors */
  --dark-blue         : #14232D;
  --dusty-blue        : #5F6E79;
  --light-blue        : #B2C7CE;
  --off-white         : #F3F7E9;
  --dark-brown        : #6B5A48;
  --tan               : #BCAE98;
  --light-green       : #C3D1BC;
  --sage-green        : #8A9B82;
  --dark-green        : #111613;
  --mid-blue          : #2B526F;  /* Figma's "Mid Blue" var is black 20%; this is the mock's button/nav blue */
  --darker-dusty-blue : #475560;
  --green             : #1F2E25;

}


/* # Accessibility Fixes */
/* ── Focus outline — every link and control, in its own text colour ──
   Divi's reset strips every outline (:focus{outline:0}). Divi Assistant puts one
   back on keyboard focus, but in a single fixed colour that's faint on the dark
   nav band; currentColor follows each link's text colour, so the outline shows
   on dark and light sections alike. The :focus-visible ring is the fallback if
   Divi Assistant is ever switched off (the .btn-* buttons use the same ring). */
:focus-visible {
  outline        : 2px solid currentColor;
  outline-offset : 3px;
}
.keyboard-navigation-outline {
  outline-color : currentColor !important;
}

/* Divi Icon modules are filled circles (dark on light sections, light on dark
   ones), so an outline in any one colour vanishes on some of them. They get a
   three-band halo instead (light · dark · light) that shows on any background. */
.et_pb_icon:focus-visible,
.et_pb_icon.keyboard-navigation-outline {
  outline-color : transparent !important;
  box-shadow    : 0 0 0 3px var(--off-white), 0 0 0 6px var(--dark-blue), 0 0 0 9px var(--off-white);
}