/*
 * Peak Health brand colors: the single source of truth for the child theme.
 *
 * The same values are set as Divi global colors (Divi > Theme Builder/Visual Builder color picker),
 * so builder modules and this stylesheet stay in step. Change a value here AND in the matching
 * Divi global color.
 *
 * Two tiers, chosen for WCAG 2.2 AA contrast:
 *   Bright tokens  - backgrounds behind navy text, decorative borders and graphics.
 *                    Do not use for text on white, or behind white text.
 *   Dark tokens    - text, links, icons and buttons on white; backgrounds behind white text.
 *
 *   Token                 Hex       Contrast
 *   --peak-navy           #292562   14.1:1 on white
 *   --peak-cyan           #00aeef    5.4:1 under navy text (2.5:1 on white - not for text)
 *   --peak-cyan-dark      #006eab    5.5:1 on white and under white text, 4.7:1 on #ededed
 *   --peak-cyan-darker    #005a8a    hover/active state for cyan-dark
 *   --peak-cyan-light     #4cc4ef    6.8:1 under navy text (light panels only)
 *   --peak-teal           #00a79e    4.6:1 under navy text (2.9:1 on white - not for text)
 *   --peak-teal-dark      #00756e    5.6:1 on white and under white text, 4.7:1 on #ededed
 *   --peak-teal-darker    #005c56    8.0:1 under white text; alternate table rows with teal-dark
 *                                    (cyan tables alternate cyan-darker / cyan-dark the same way)
 *   --peak-gray-text     #595959    7.0:1 on white, 6.5:1 on #f7f7f7
 */
:root {
    --peak-navy: #292562;
    --peak-cyan: #00aeef;
    --peak-cyan-dark: #006eab;
    --peak-cyan-darker: #005a8a;
    --peak-cyan-light: #4cc4ef;
    --peak-teal: #00a79e;
    --peak-teal-dark: #00756e;
    --peak-teal-darker: #005c56;
    --peak-gray-text: #595959;
}