:root {
  --blur: 0.5rem;
  --text--400: 400;
  --text--500: 500;
  --text--600: 600;
  --text--700: 700;
  --text--xs: 0.875rem; /* 14px */
  --text--s: clamp(0.9375rem, 0.8rem + 0.3vw, 1rem); /* 15px -> 16px */
  --text--m: clamp(1.125rem, 0.95rem + 0.5vw, 1.25rem); /* 18px -> 20px */
  --text--l: clamp(1.25rem, 1.05rem + 0.6vw, 1.5rem); /* 20px -> 24px */
  --text--xl: clamp(1.5rem, 1.1rem + 1.5vw, 2.5rem); /* 24px -> 40px */
  --text--xxl: clamp(1.75rem, 1.2rem + 2vw, 3.125rem); /* 28px -> 50px */
  --text--xxxl: clamp(1.75rem, 1.2rem + 2.5vw, 3.875rem); /* 28px -> 62px */
  --text--hero: clamp(1.75rem, 1.2rem + 3.5vw, 5rem); /* 28px -> 80px */
  /* line-height */
  --lh--s: 1.1;
  --lh--m: 1.4;
  --lh--l: 1.7;
  --radius--xs: 0.25rem; /* 4px */
  --radius--s: clamp(0.375rem, 0.25rem + 0.4vw, 0.625rem); /* 6px -> 10px */
  --radius--m: clamp(0.625rem, 0.35rem + 0.9vw, 1.25rem); /* 10px -> 20px */
  --radius--l: clamp(1.25rem, 0.7rem + 1.8vw, 2.5rem); /* 20px -> 40px */
  --radius--xl: 2.5rem; /* 40px */
  --radius--xxl: 2.5rem; /* 40px */
  --radius--xxxl: 12.5rem; /* 200px */
  --radius: var(--radius--m);
  --color-black: #0c0903;
  --color-white: #fbfbfb;
  --color-white-dark: #f0f0f0;
  --color-gray: #777777;
  --jamm-color: #fab721;
  --jamm-bg: #fffad2;
  --school-color: #41af64;
  --school-bg: #eaf1d4;
  --edu-color: #e62a34;
  --edu-bg: #ffe3e5;
  --education-color: var(--edu-color);
  --education-bg: var(--edu-bg);
  --camp-color: #ed6f30;
  --camp-bg: #f3e0d3;
  --career-color: #17bae9;
  --career-bg: #e2f2fa;
}