
:root {
  /* Step -1: 12.8px → 12.003px */
  --step--1: clamp(0.7502rem, 0.8058rem + -0.0259vw, 0.8rem);
  /* Step 0: 16px → 16px */
  --step-0: clamp(1rem, 1rem + 0vw, 1rem);
  /* Step 1: 20px → 21.328px */
  --step-1: clamp(1.25rem, 1.2403rem + 0.0431vw, 1.333rem);
  /* Step 2: 25px → 28.4302px */
  --step-2: clamp(1.5625rem, 1.5374rem + 0.1114vw, 1.7769rem);
  /* Step 3: 31.25px → 37.8975px */
  --step-3: clamp(1.9531rem, 1.9046rem + 0.2158vw, 2.3686rem);
  /* Step 4: 39.0625px → 50.5174px */
  --step-4: clamp(2.4414rem, 2.3577rem + 0.3719vw, 3.1573rem);
  /* Step 5: 48.8281px → 67.3396px */
  --step-5: clamp(3.0518rem, 2.9165rem + 0.601vw, 4.2087rem);
  /* Step 6: 61.0352px → 89.7637px */
  --step-6: clamp(3.8147rem, 3.6048rem + 0.9327vw, 5.6102rem);


  --space-3xs: clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem);
  --space-2xs: clamp(0.5625rem, 0.5369rem + 0.1136vw, 0.625rem);
  --space-xs: clamp(0.875rem, 0.8494rem + 0.1136vw, 0.9375rem);
  --space-s: clamp(1.125rem, 1.0739rem + 0.2273vw, 1.25rem);
  --space-m: clamp(1.6875rem, 1.6108rem + 0.3409vw, 1.875rem);
  --space-l: clamp(2.25rem, 2.1477rem + 0.4545vw, 2.5rem);
  --space-xl: clamp(3.375rem, 3.2216rem + 0.6818vw, 3.75rem);
  --space-2xl: clamp(4.5rem, 4.2955rem + 0.9091vw, 5rem);
  --space-3xl: clamp(6.75rem, 6.4432rem + 1.3636vw, 7.5rem);

  /* One-up pairs */
  --space-3xs-2xs: clamp(0.3125rem, 0.1847rem + 0.5682vw, 0.625rem);
  --space-2xs-xs: clamp(0.5625rem, 0.4091rem + 0.6818vw, 0.9375rem);
  --space-xs-s: clamp(0.875rem, 0.7216rem + 0.6818vw, 1.25rem);
  --space-s-m: clamp(1.125rem, 0.8182rem + 1.3636vw, 1.875rem);
  --space-m-l: clamp(1.6875rem, 1.3551rem + 1.4773vw, 2.5rem);
  --space-l-xl: clamp(2.25rem, 1.6364rem + 2.7273vw, 3.75rem);
  --space-xl-2xl: clamp(3.375rem, 2.7102rem + 2.9545vw, 5rem);
  --space-2xl-3xl: clamp(4.5rem, 3.2727rem + 5.4545vw, 7.5rem);

  /* Custom pairs */
  --space-s-l: clamp(1.125rem, 0.5625rem + 2.5vw, 2.5rem);
  

  /* Grid */
  --grid-max-width: 1400px;
  /* --grid-gutter: var(--space-s-l, clamp(1.125rem, 0.5625rem + 2.5vw, 2.5rem)); */
  --grid-columns: 12;


  /* Colors */
  --Black: #111;
  --White: #E7E7EB;

  --accent-a: #ed1568;
  --accent-a2: #b41e56;
  --accent-b: #222e50;
  --accent-c: #1baabc;
  --accent-c2: #19bcbd;
  --gradient: linear-gradient(90deg,rgba(25, 188, 189, 1) 0%, rgba(27, 170, 188, 1) 30%, rgba(237, 21, 104, 1) 50%, rgba(180, 30, 86, 1) 60%, rgba(34, 46, 80, 1) 80%, rgba(34, 46, 80, 1) 100%);
}

