:root{
  /* Brand */
  --kr-brand:#5AAE52;
  --kr-brand-bright:#7DBE55;
  --kr-primary:#58A94F;
  --kr-primary-hover:#478F42;
  --kr-deep:#244D32;
  --kr-accent:var(--kr-brand);
  --kr-accent-dark:var(--kr-primary-hover);

  /* Typography colors */
  --kr-ink:#171D29;
  --kr-ink-2:#303844;
  --kr-slate:#58616B;
  --kr-muted:#7A838C;

  /* Surfaces */
  --kr-teal:var(--kr-primary);
  --kr-teal-dark:var(--kr-deep);
  --kr-aqua:#EFF8E7;
  --kr-aqua-2:#F6FAF2;
  --kr-sand:#EEF1EB;
  --kr-sand-2:#FBFCF9;
  --kr-coral:var(--kr-brand-bright);
  --kr-white:#fff;
  --kr-line:#E0E6DD;

  /* Effects */
  --kr-shadow-sm:0 10px 28px rgba(23,29,41,.06);
  --kr-shadow:0 28px 70px rgba(23,29,41,.10);
  --kr-shadow-lg:0 42px 100px rgba(23,29,41,.13);
  --kr-radius-sm:12px;
  --kr-radius:24px;
  --kr-radius-lg:42px;

  /* Page identity */
  --kr-page-accent:var(--kr-brand);
  --kr-page-soft:var(--kr-aqua-2);

  /* One global site width */
  --kr-container:1440px;
  --kr-gutter:clamp(24px,4vw,64px);

  /* Global responsive type scale */
  --kr-type-h1:clamp(52px,4.7vw,74px);
  --kr-type-h2:clamp(38px,3.25vw,52px);
  --kr-type-h3:clamp(24px,1.9vw,30px);
  --kr-type-h4:clamp(20px,1.45vw,24px);
  --kr-type-body-lg:18px;
  --kr-type-body:17px;
  --kr-type-body-sm:15px;
  --kr-type-label:11px;
  --kr-line-h1:.99;
  --kr-line-h2:1.05;
  --kr-line-h3:1.16;
  --kr-line-body:1.7;

  /* Compatibility aliases used by older page modules. */
  --type-display-home:var(--kr-type-h1);
  --type-hero-page:var(--kr-type-h1);
  --type-article-title:clamp(40px,4vw,64px);
  --type-section-title:var(--kr-type-h2);
  --type-subsection-title:clamp(28px,2.3vw,36px);
  --type-card-title:var(--kr-type-h3);
  --type-article-h2:clamp(30px,2.6vw,42px);
  --type-article-h3:clamp(23px,1.8vw,30px);
  --type-lead:var(--kr-type-body-lg);
  --type-body:var(--kr-type-body);
  --type-body-small:var(--kr-type-body-sm);
  --type-article-body:17px;
  --type-label:var(--kr-type-label);
  --type-line-hero:var(--kr-line-h1);
  --type-line-section:var(--kr-line-h2);
  --type-line-subsection:1.1;
  --type-line-card:var(--kr-line-h3);
  --type-line-body:var(--kr-line-body);

  /* Global reading widths */
  --kr-heading-max:760px;
  --kr-heading-wide:900px;
  --kr-copy-max:600px;
  --kr-reading-max:820px;

  /* Global section rhythm */
  --kr-section-lg:clamp(88px,7.2vw,120px);
  --kr-section-md:clamp(72px,6vw,100px);
  --kr-section-sm:clamp(52px,4.5vw,76px);
  --kr-section:var(--kr-section-lg);
}

@media(max-width:900px){
  :root{
    --kr-gutter:24px;
    --kr-type-h1:clamp(46px,7vw,60px);
    --kr-type-h2:clamp(35px,5.3vw,46px);
    --kr-type-h3:clamp(23px,3.5vw,29px);
    --kr-type-body-lg:17px;
    --kr-type-body:16px;
    --kr-section-lg:clamp(72px,9vw,96px);
    --kr-section-md:clamp(64px,8vw,84px);
    --kr-section-sm:52px;
  }
}

@media(max-width:767px){
  :root{
    --kr-gutter:20px;
    --kr-type-h1:clamp(42px,10.8vw,48px);
    --kr-type-h2:clamp(32px,8.5vw,38px);
    --kr-type-h3:clamp(22px,6vw,26px);
    --kr-type-h4:20px;
    --kr-type-body-lg:17px;
    --kr-type-body:16px;
    --kr-type-body-sm:15px;
    --kr-section-lg:72px;
    --kr-section-md:60px;
    --kr-section-sm:48px;
  }
}