:root {
  /* ========================== ROOT COLOR ==========================*/
  --c-primary: #2d3393;
  /* Deep navy - Primary */
  --c-secondary: #1eaca5;
  --c-tertiary: #1b1f5a;
  --c-body: ##ffffff;
  --c-black: #181c24;
  --c-menu: #515661;
  --c-label: #a5a9b7;
  /* Soft black */
  --c-info: #8a8f94;
  /* Cool gray */
  --c-primary-20: #ced9ea;
  --c-white: #ffffff;
  --c-green: #7ed957;
  --c-grey: #b0b0b0;
  /* Neutral grey */
  --c-yellow: #ffc008;
  --c-br: #cfd0ee;
  --c-red: #c62828;
  --c-border: #1e1e1e;
  --c-disabled: #dee1e8;
  --c-transparent: transparent;
  --c-skeleton: #2f72c40c;
  --c-hover: #2f73c4;
  --c-wa: #25d366;
  --shadow-bg: 0px 6px 18px rgb(0 0 0 / 8%);
  --shadow-skeleton: 0px 6px 18px rgb(0 0 0 / 3%);
  --ts-cubic: all 0.3s cubic-bezier(0.47, 0.71, 0.66, 0.84);

  /* ========================== ROOT TYPOGRAPHY ==========================*/
  --f-heading: "Plus Jakarta Sans", sans-serif;
  --f-body: "Plus Jakarta Sans", sans-serif;

  --fs-xxs: 8px;
  --fs-xs: 10px;
  --fs-s: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-lg: 18px;
  --fs-xl: 24px;

  --l-h-s: 1;
  --l-h-sm: 1.25;
  --l-h-base: 1.6;
  --l-h-lg: 1.85;
  --f-w-light: 300;
  --f-w-regular: 400;
  --f-w-medium: 500;
  --f-w-semibold: 600;
  --f-w-bold: 700;
  --f-w-xbold: 800;
  --f-w-xxbold: 900;

  /* ========================== ROOT SPACING ==========================*/
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-xxl: 64px;
  --space-xxxl: 80px;

  /* ========================== ROOT RADIUS ==========================*/
  --rd-none: 0;
  --rd-sm: 4px;
  --rd-md: 8px;
  --rd-lg: 12px;
  --rd-xl: 16px;
  --rd-xxl: 20px;
  --rd-xxxl: 24px;
  --rd-50: 50%;

  /* ========================== ROOT TRANSITION ==========================*/
  --ts-fast: 0.2s ease-in-out;
  --ts-slow: 0.4s ease;
  --ts-standard: cubic-bezier(0.4, 0, 0.2, 1);
}