:root {
  --primary: #00274d;
  --primary-trans-10: rgba(0, 39, 77, 0.1);
  --primary-trans-20: rgba(0, 39, 77, 0.2);
  --primary-trans-30: rgba(0, 39, 77, 0.3);
  --primary-trans-40: rgba(0, 39, 77, 0.4);
  --primary-trans-50: rgba(0, 39, 77, 0.5);
  --primary-trans-60: rgba(0, 39, 77, 0.6);
  --primary-trans-70: rgba(0, 39, 77, 0.7);
  --primary-trans-80: rgba(0, 39, 77, 0.8);
  --primary-trans-90: rgba(0, 39, 77, 0.9);
  --primary-light: #d9dfe4;
  --primary-semi-light: #667d94;
  --primary-medium: #264768;
  --primary-semi-dark: #002345;
  --primary-dark: #001f3e;
  --primary-ultra-dark: #00172e;
  --secondary: #4caf50;
  --secondary-trans-10: rgba(76, 175, 80, 0.1);
  --secondary-trans-20: rgba(76, 175, 80, 0.2);
  --secondary-trans-30: rgba(76, 175, 80, 0.3);
  --secondary-trans-40: rgba(76, 175, 80, 0.4);
  --secondary-trans-50: rgba(76, 175, 80, 0.5);
  --secondary-trans-60: rgba(76, 175, 80, 0.6);
  --secondary-trans-70: rgba(76, 175, 80, 0.7);
  --secondary-trans-80: rgba(76, 175, 80, 0.8);
  --secondary-trans-90: rgba(76, 175, 80, 0.9);
  --secondary-light: #e4f3e5;
  --secondary-semi-light: #94cf96;
  --secondary-medium: #67bb6a;
  --secondary-semi-dark: #449e48;
  --secondary-dark: #3d8c40;
  --secondary-ultra-dark: #2e6930;
  --tertiary: #ff6f00;
  --tertiary-trans-10: rgba(255, 111, 0, 0.1);
  --tertiary-trans-20: rgba(255, 111, 0, 0.2);
  --tertiary-trans-30: rgba(255, 111, 0, 0.3);
  --tertiary-trans-40: rgba(255, 111, 0, 0.4);
  --tertiary-trans-50: rgba(255, 111, 0, 0.5);
  --tertiary-trans-60: rgba(255, 111, 0, 0.6);
  --tertiary-trans-70: rgba(255, 111, 0, 0.7);
  --tertiary-trans-80: rgba(255, 111, 0, 0.8);
  --tertiary-trans-90: rgba(255, 111, 0, 0.9);
  --tertiary-light: #ffe9d9;
  --tertiary-semi-light: #ffa966;
  --tertiary-medium: #ff8526;
  --tertiary-semi-dark: #e66400;
  --tertiary-dark: #cc5900;
  --tertiary-ultra-dark: #994300;
  --base: #f00000;
  --base-trans-10: rgba(240, 0, 0, 0.1);
  --base-trans-20: rgba(240, 0, 0, 0.2);
  --base-trans-30: rgba(240, 0, 0, 0.3);
  --base-trans-40: rgba(240, 0, 0, 0.4);
  --base-trans-50: rgba(240, 0, 0, 0.5);
  --base-trans-60: rgba(240, 0, 0, 0.6);
  --base-trans-70: rgba(240, 0, 0, 0.7);
  --base-trans-80: rgba(240, 0, 0, 0.8);
  --base-trans-90: rgba(240, 0, 0, 0.9);
  --base-light: #fdd9d9;
  --base-semi-light: #f66666;
  --base-medium: #f22626;
  --base-semi-dark: #d80000;
  --base-dark: #c00000;
  --base-ultra-dark: #900000;
  --accent: #c50bf9;
  --accent-trans-10: rgba(197, 11, 249, 0.1);
  --accent-trans-20: rgba(197, 11, 249, 0.2);
  --accent-trans-30: rgba(197, 11, 249, 0.3);
  --accent-trans-40: rgba(197, 11, 249, 0.4);
  --accent-trans-50: rgba(197, 11, 249, 0.5);
  --accent-trans-60: rgba(197, 11, 249, 0.6);
  --accent-trans-70: rgba(197, 11, 249, 0.7);
  --accent-trans-80: rgba(197, 11, 249, 0.8);
  --accent-trans-90: rgba(197, 11, 249, 0.9);
  --accent-light: #f6dafe;
  --accent-semi-light: #dc6dfb;
  --accent-medium: #ce30fa;
  --accent-semi-dark: #b10ae0;
  --accent-dark: #9e09c7;
  --accent-ultra-dark: #760795;
  --space-xs: clamp(0.8rem, calc(0.7156rem + 0.3556vw), 1rem);
  --space-s: clamp(1.2rem, calc(1.1156rem + 0.3556vw), 1.4rem);
  --space-m: clamp(1.8rem, calc(1.5467rem + 1.0667vw), 2.4rem);
  --space-l: clamp(3rem, calc(2.7467rem + 1.0667vw), 3.6rem);
  --space-xl: clamp(4.5rem, calc(4.1200rem + 1.6000vw), 5.4rem);
  --space-xxl: clamp(6.8rem, calc(6.2511rem + 2.3111vw), 8.1rem);
  --space-section: clamp(9rem, calc(7.7333rem + 5.3333vw), 12rem);
  --logo-width: clamp(12rem, calc(8.6222rem + 14.2222vw), 20rem);
  --h1: clamp(4.4rem, calc(3.9356rem + 1.9556vw), 5.5rem);
  --h2: clamp(3.5rem, calc(3.1200rem + 1.6000vw), 4.4rem);
  --h3: clamp(2.8rem, calc(2.5044rem + 1.2444vw), 3.5rem);
  --h4: clamp(2.2rem, calc(1.9467rem + 1.0667vw), 2.8rem);
  --text-m: clamp(1rem, calc(0.9472rem + 0.2222vw), 1.125rem);
  --font-heading: "Oswald", sans-serif;
  --font-body: "Poppins", sans-serif;
  --radius: 20px;
  --radius-m: 20px;
  --radius-s: 14px;
  --radius-l: 30px;
}