:root {
  --c-brand:      #042e3c;
  --c-brand-deep: #021f29;
  --c-brand-soft: #b8c7cc;
  --c-accent:     #ccff00;
  --c-dark:       #171717;

  --c-ink:        #101820;
  --c-ink-soft:   #4a5158;
  --c-surface:    #ffffff;
  --c-surface-2:  #f2f4f3;
  --c-line:       #dfe2e7;

  --c-error:      #a4262c;
  --c-success:    #16653c;

  --f-display: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-body:    "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --t-xs:   clamp(0.78rem, 0.76rem + 0.10vw, 0.83rem);
  --t-sm:   clamp(0.88rem, 0.85rem + 0.15vw, 0.94rem);
  --t-base: clamp(1rem,    0.97rem + 0.20vw, 1.09rem);
  --t-md:   clamp(1.18rem, 1.10rem + 0.40vw, 1.38rem);
  --t-lg:   clamp(1.40rem, 1.26rem + 0.70vw, 1.85rem);
  --t-xl:   clamp(1.75rem, 1.45rem + 1.50vw, 2.60rem);
  --t-2xl:  clamp(2.20rem, 1.60rem + 2.90vw, 3.80rem);
  --t-stat: clamp(2.00rem, 1.60rem + 2.00vw, 3.00rem);

  --lh-tight: 1.10;
  --lh-head:  1.20;
  --lh-body:  1.60;
  --ls-tight: -0.02em;

  --s-1: .25rem; --s-2: .5rem;  --s-3: .75rem; --s-4: 1rem;
  --s-5: 1.5rem; --s-6: 2rem;   --s-7: 3rem;   --s-8: 4rem;  --s-9: 6rem;
  --section-y: clamp(2.75rem, 1.75rem + 5vw, 6rem);

  --w-max:     1160px;
  --w-content: 68ch;
  --gutter:    clamp(1rem, .5rem + 2.5vw, 2.5rem);

  --r-sm: 8px; --r-md: 12px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px;

  --shadow-1: 0 1px 2px rgb(4 46 60 / .06), 0 4px 14px rgb(4 46 60 / .06);
  --shadow-2: 0 6px 18px rgb(4 46 60 / .12), 0 18px 44px rgb(4 46 60 / .10);

  --dur-fast: 120ms; --dur: 200ms; --dur-slow: 380ms;
  --ease: cubic-bezier(.2, 0, .13, 1);

  --z-header: 100; --z-nav: 200; --z-skip: 1000;

  --header-h: 68px;
}