/* BB Theme sets html { font-size: 10px } (62.5% of 16px) — all rem values
   below are authored against that base. 1rem = 10px, 1.6rem = 16px, etc. */
:root {
  /* Colors */
  --cs-blue:               #4085C5;
  --cs-blue-dark:          #1B5386;
  --cs-blue-soft:          #93B4DD;
  --cs-blue-pale:          #D3DCE7;
  --cs-blue-pale-40:       rgba(211, 220, 231, 0.4);
  --cs-blue-30:            rgba(64, 133, 197, 0.3);
  --cs-blue-40:            rgba(64, 133, 197, 0.4);

  --cs-orange:             #FC7F56;
  --cs-orange-47:          rgba(252, 127, 86, 0.47);

  --cs-ink:                #1A202C;
  --cs-off-white:          #F2F1F0;
  --cs-white:              #FFFFFF;
  --cs-gray-400:           #C4C4C4;

  --cs-glass-bg:           rgba(255, 255, 255, 0.06);
  --cs-glass-bg-strong:    rgba(255, 255, 255, 0.07);
  --cs-glass-border:       rgba(255, 255, 255, 0.21);
  --cs-glass-blur:         12.6px;

  /* Typography */
  --cs-font-display:       "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cs-font-body:          "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --cs-text-display:       6.4rem;      /* 64px */
  --cs-text-h1:            4.8rem;      /* 48px */
  --cs-text-h2:            2.8rem;      /* 28px */
  --cs-text-h3:            2.4rem;      /* 24px */
  --cs-text-eyebrow:       2rem;        /* 20px */
  --cs-text-button:        2rem;        /* 20px */
  --cs-text-body:          1.6rem;      /* 16px */
  --cs-text-card-name:     1.5rem;      /* 15px */
  --cs-text-fine:          1.2rem;      /* 12px */

  --cs-line-tight:         1.212;
  --cs-line-base:          1.5;
  --cs-tracking-tight:     -0.02em;

  /* Spacing */
  --cs-space-xs:           0.8rem;      /* 8px */
  --cs-space-sm:           1.6rem;      /* 16px */
  --cs-space-md:           2.4rem;      /* 24px */
  --cs-space-lg:           4rem;        /* 40px */
  --cs-space-xl:           6.4rem;      /* 64px */
  --cs-space-2xl:          9.6rem;      /* 96px */
  --cs-space-section:      8rem;        /* 80px */
  --cs-space-section-sm:   4.8rem;      /* 48px — mobile */

  /* Radii */
  --cs-radius-sm:          6px;
  --cs-radius-md:          37px;
  --cs-radius-lg:          49px;
  --cs-radius-xl:          73px;
  --cs-radius-pill-lg:     28px;
  --cs-radius-pill:        100px;

  /* Layout */
  --cs-container:          1320px;
  --cs-container-narrow:   1080px;
  --cs-gutter:             2.4rem;      /* 24px */

  /* Space between the navbar and the top of a page's hero. Applied once, on the
     lead row — see the hero-alignment block in base.css. */
  --cs-hero-offset:        4rem;       /* 40px */
}