:root {

  
  --c-ink:        #000000;   
  --c-ink-soft:   #404040;   
  --c-paper:      #ffffff;   
  --c-paper-alt:  #e6e6e6;   
  --c-line:       #bfbfbf;   
  --c-line-soft:  #e6e6e6;   

  
  --c-accent:          #006ecf;   
  --c-accent-ink:      #ffffff;
  --c-accent-dark:     #0fcfd1;   
  --c-accent-dark-ink: #000000;
  --c-teal:            #0ca4a5;   

  
  --c-slate:    #42576c;
  --c-green:    #2ddc74;   
  --c-pumpkin:  #f46000;
  --c-lavender: #dfdfff;
  --c-sky:      #1cb4e7;   
  --c-amber:    #f9c150;

  
  --c-success:  #076768;   
  --c-error:    var(--c-pumpkin);   
  --c-focus:    var(--c-accent);

  
  --f-body: "Plus Jakarta Sans", Arial, sans-serif;
  --f-head: var(--f-body);

  
  --fs-10: 10px;  --fs-12: 12px;  --fs-14: 14px;  --fs-16: 16px;
  --fs-18: 18px;  --fs-20: 20px;  --fs-24: 24px;  --fs-28: 28px;
  --fs-32: 32px;  --fs-40: 40px;  --fs-48: 48px;

  
  --fw-regular: 400;  --fw-medium: 500;  --fw-semibold: 600;  --fw-bold: 700;

  
  --ls-tight:   -0.01em;   
  --ls-body:    -0.01em;   
  --ls-normal:   0;
  --ls-label:    0.08em;   
  --ls-eyebrow:  0.14em;   

  
  --lh-display: 1.1;
  --lh-title:   1.2;
  --lh-body:    1.5;

  

  --step--2: clamp(0.64rem, 0.64rem + 0vw, 0.64rem);
  --step--1: clamp(0.7576rem, 0.7468rem + 0.04437vw, 0.8rem);
  --step-0: clamp(0.875rem, 0.8431rem + 0.1307vw, 1rem);
  --step-1: clamp(1.011rem, 0.9496rem + 0.2503vw, 1.25rem);
  --step-2: clamp(1.167rem, 1.067rem + 0.4133vw, 1.562rem);
  --step-3: clamp(1.348rem, 1.194rem + 0.6326vw, 1.953rem);
  --step-4: clamp(1.557rem, 1.332rem + 0.9247vw, 2.441rem);
  --step-5: clamp(1.799rem, 1.479rem + 1.311vw, 3.052rem);
  --step-6: clamp(2.077rem, 1.634rem + 1.817vw, 3.815rem);
  --step-7: clamp(2.399rem, 1.795rem + 2.477vw, 4.768rem);

  --fs-h1-image: var(--step-6);   
  --fs-h1-page: var(--step-6);   
  --fs-h2: var(--step-4);   
  --fs-h3: var(--step-3);   
  --fs-card: var(--step-2);   
  --fs-lede: var(--step-1);   

  
  --sp-4: 4px;   --sp-8: 8px;    --sp-12: 12px;  --sp-16: 16px;
  --sp-24: 24px; --sp-32: 32px;  --sp-40: 40px;  --sp-48: 48px;
  --sp-56: 56px; --sp-64: 64px;  --sp-80: 80px;  --sp-96: 96px;
  --sp-120: 120px; --sp-128: 128px;

  
  --sp-section-y-sm:      64px;
  --sp-section-y-md:      96px;
  --sp-section-y-lg:      120px;   
  --sp-section-y-mobile:  80px;
  --sp-section-x:         80px;    
  --sp-section-x-mobile:  24px;

  
  --gutter: clamp(24px, 4vw, 96px);

  
  --measure-hero:  9em;   
  --measure-lede:  22em;   
  --measure-body:  33em;   

  
  --page-max-narrow: 1280px;   
  --page-max:        1440px;   
  --page-max-wide:   1760px;   

  
  --sp-eyebrow:   16px;   
  --sp-title:     24px;   
  --sp-intro:     32px;   
  --sp-headblock: 56px;   

  
  --logo-h: 30px;   

  
  --r-4: 4px;  --r-8: 8px;  --r-12: 12px;  --r-16: 16px;  --r-20: 20px;
  --r-btn:   8px;    
  --r-panel: 12px;   
  --r-pill: 999px;   

  
  --ease:     cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 0.2s;
  --dur-mid:  0.4s;
  --dur-slow: 0.7s;

  
  --z-nav:     100;
  --z-sticky:  200;
  --z-drawer:  300;
  --z-modal:   400;
  --z-overlay: 500;
}




:root {
  --c-bg:      var(--c-paper);
  --c-fg:      var(--c-ink);
  --c-fg-soft: var(--c-ink-soft);
  --c-border:  var(--c-line);
  --c-btn:     var(--c-accent);
  --c-btn-ink: var(--c-accent-ink);
}

[data-color-scheme="scheme-1"] {          
  --c-bg:      var(--c-paper);
  --c-fg:      var(--c-ink);
  --c-fg-soft: var(--c-ink-soft);
  --c-border:  var(--c-line);
  --c-btn:     var(--c-accent);
  --c-btn-ink: var(--c-accent-ink);
}

[data-color-scheme="scheme-2"] {          
  --c-bg:      var(--c-paper-alt);
  --c-fg:      var(--c-ink);
  --c-fg-soft: var(--c-ink-soft);
  --c-border:  var(--c-line);
  --c-btn:     var(--c-accent);
  --c-btn-ink: var(--c-accent-ink);
}

[data-color-scheme="scheme-3"] {          
  --c-bg:      var(--c-ink);
  --c-fg:      var(--c-paper);
  --c-fg-soft: var(--c-line);
  --c-border:  var(--c-ink-soft);
  --c-btn:     var(--c-accent-dark);
  --c-btn-ink: var(--c-accent-dark-ink);
}