/*
 * Blue Key Therapy — Design Tokens
 *
 * Derived from the live homepage Divi export (2026-10-05) so the child theme
 * matches what the pages already look like, rather than imposing new colors.
 *
 * Verified in that export:
 *   - Inter used 95 times, no competing font family
 *   - 8 gradient definitions, including the header bar #17324D -> #244F74 at 90deg
 *   - Section backgrounds alternate cream / ice / sage / mint
 */

:root {
  /* ---------------------------------------------------------------
     Ink
     ---------------------------------------------------------------- */
  --bk-navy:       #17324d;   /* primary: headings, CTA buttons, dark sections */
  --bk-navy-deep:  #10263a;   /* hover states, footer */
  --bk-navy-mid:   #244f74;   /* header gradient endpoint */
  --bk-ink:        #1c2b36;   /* body text */
  --bk-slate:      #46586a;   /* secondary text, muted */
  --bk-slate-soft: #6b7d8c;   /* tertiary text */

  /* ---------------------------------------------------------------
     Accents
     ---------------------------------------------------------------- */
  --bk-mint:       #bcefeb;   /* light accent -- NAVY BACKGROUND ONLY */
  --bk-mint-deep:  #2baeb6;   /* links on light backgrounds, progress fill */
  --bk-ice:        #dce8f2;   /* alternating section background */
  --bk-sage:       #94b0ad;   /* decorative */

  /* ---------------------------------------------------------------
     Surfaces
     ---------------------------------------------------------------- */
  --bk-cream:      #fcfbf8;   /* primary page background */
  --bk-cream-alt:  #f7f4ee;   /* alternating section background */
  --bk-white:      #ffffff;
  --bk-surface:    #f6f8f8;   /* FAQ section background (from export) */

  /* ---------------------------------------------------------------
     Semantic
     ---------------------------------------------------------------- */
  --bk-success:    #1f7a5a;
  --bk-warning:    #b45309;
  --bk-danger:     #b91c1c;   /* errors, crisis strip */
  --bk-988:        #0f766e;   /* 988 Lifeline teal */

  /* ---------------------------------------------------------------
     Typography
     ---------------------------------------------------------------- */
  /* Inter only. Verified: the live page uses no other family. */
  --bk-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
            'Helvetica Neue', Arial, sans-serif;

  --bk-fs-xs:   0.75rem;
  --bk-fs-sm:   0.875rem;
  --bk-fs-base: 1rem;
  --bk-fs-lg:   1.125rem;
  --bk-fs-xl:   1.25rem;
  --bk-fs-2xl:  1.5rem;
  --bk-fs-3xl:  1.875rem;
  --bk-fs-4xl:  2.25rem;
  --bk-fs-5xl:  3rem;

  --bk-fw-normal:   400;
  --bk-fw-medium:   500;
  --bk-fw-semibold: 600;
  --bk-fw-bold:     700;
  --bk-fw-extrabold: 800;

  --bk-lh-tight:   1.08;
  --bk-lh-snug:    1.2;
  --bk-lh-normal:  1.45;
  --bk-lh-relaxed: 1.65;

  /* ---------------------------------------------------------------
     Spacing
     ---------------------------------------------------------------- */
  --bk-space-xs: 0.25rem;
  --bk-space-sm: 0.5rem;
  --bk-space-md: 1rem;
  --bk-space-lg: 1.5rem;
  --bk-space-xl: 2.5rem;
  --bk-space-2xl: 4rem;
  --bk-space-3xl: 6rem;

  --bk-section-y:  5rem;
  --bk-section-y-lg: 8rem;

  /* ---------------------------------------------------------------
     Layout
     ---------------------------------------------------------------- */
  /* Matches the row width and max-width found in the Divi export:
     width 90%, max-width 1240px */
  --bk-container:        1240px;
  --bk-container-width:  90%;
  --bk-gutter:           2rem;

  --bk-radius-sm:   4px;
  --bk-radius-md:   8px;
  --bk-radius-lg:   12px;
  --bk-radius-full: 9999px;   /* the site uses pill buttons */

  /* ---------------------------------------------------------------
     Shadows
     ---------------------------------------------------------------- */
  --bk-shadow-sm: 0 1px 2px rgba(23, 50, 77, 0.06);
  --bk-shadow-md: 0 4px 12px rgba(23, 50, 77, 0.08);
  --bk-shadow-lg: 0 12px 28px rgba(23, 50, 77, 0.12);

  /* ---------------------------------------------------------------
     Motion
     ---------------------------------------------------------------- */
  --bk-transition: 180ms ease;

  /* ---------------------------------------------------------------
     Header gradient, reproduced from the export
     ---------------------------------------------------------------- */
  --bk-header-gradient: linear-gradient(
    90deg,
    var(--bk-navy) 0%,
    var(--bk-navy-mid) 100%
  );
}

/* ---------------------------------------------------------------
   Divi global variables

   Divi modules read these when a module has no explicit setting. Setting them
   here means new sections inherit the brand automatically instead of falling
   back to Divi's default Open Sans / gray palette.
   ---------------------------------------------------------------- */

:root {
  --global-color-primary:   #17324d;
  --global-color-secondary: #2baeb6;
  --global-color-text:      #1c2b36;
  --global-color-heading:   #17324d;
  --global-color-accent:    #2baeb6;

  --global-font-primary: 'Inter';
  --global-font-heading: 'Inter';

  --global-heading-size-h1: 60px;
  --global-heading-size-h2: 46px;
  --global-heading-size-h3: 24px;

  --global-text-size: 18px;
}

/* ---------------------------------------------------------------
   Accessibility note on --bk-mint

   #bcefeb on white is roughly 1.6:1 contrast and FAILS WCAG AA for text.
   Use it on --bk-navy (roughly 9:1, passes) or as a background/border.
   Never as body or heading text on a light background.
   ---------------------------------------------------------------- */