@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap");

/*===========================
  COMMON css (GREEN VARIANT)
===========================*/
:root {
  --font-family: "Inter", sans-serif;

  --primary: #1f9d55;
  --primary-dark: #157347;
  --primary-light: #e6f6ee;

  --accent: #20c997;
  --accent-dark: #17a589;
  --accent-light: #e3f8f3;

  --success: #28c76f;
  --success-dark: #1e9e58;
  --success-light: #e9f9f0;

  --secondary: #6f42c1;
  --secondary-dark: #59339d;
  --secondary-light: #f1ebfb;

  --info: #3da5d9;
  --info-dark: #2b7fa7;
  --info-light: #e6f4fb;

  --caution: #f4c430;
  --caution-dark: #d1a514;
  --caution-light: #fdf6df;

  --error: #e5533d;
  --error-dark: #c0392b;
  --error-light: #fdecea;

  --black: #1d1d1d;
  --dark-1: #2d2d2d;
  --dark-2: #4d4d4d;
  --dark-3: #6d6d6d;
  --gray-1: #8d8d8d;
  --gray-2: #adadad;
  --gray-3: #cdcdcd;
  --gray-4: #e0e0e0;
  --light-1: #efefef;
  --light-2: #f5f5f5;
  --light-3: #fafafa;
  --white: #ffffff;

  --gradient-1: linear-gradient(180deg, #1f9d55 0%, #157347 100%);
  --gradient-2: linear-gradient(180deg, #1f9d55 15%, #20c997 85%);
  --gradient-3: linear-gradient(180deg, #1f9d55 0%, #6f42c1 100%);
  --gradient-4: linear-gradient(180deg, #1f9d55 0%, #28c76f 100%);
  --gradient-5: linear-gradient(180deg, #1f9d55 0%, #3da5d9 100%);
  --gradient-6: linear-gradient(180deg, #1f9d55 0%, #f4c430 100%);
  --gradient-7: linear-gradient(180deg, #1f9d55 0%, #e5533d 100%);
  --gradient-8: linear-gradient(180deg, #157347 0%, #17a589 100%);
  --gradient-9: linear-gradient(180deg, #20c997 15%, #1f9d55 85%);

  --shadow-1: 0px 0px 1px rgba(40, 41, 61, 0.08),
    0px 0.5px 2px rgba(96, 97, 112, 0.16);
  --shadow-2: 0px 0px 1px rgba(40, 41, 61, 0.04),
    0px 2px 4px rgba(96, 97, 112, 0.16);
  --shadow-3: 0px 0px 2px rgba(40, 41, 61, 0.04),
    0px 4px 8px rgba(96, 97, 112, 0.16);
  --shadow-4: 0px 2px 4px rgba(40, 41, 61, 0.04),
    0px 8px 16px rgba(96, 97, 112, 0.16);
  --shadow-5: 0px 2px 8px rgba(40, 41, 61, 0.04),
    0px 16px 24px rgba(96, 97, 112, 0.16);
  --shadow-6: 0px 2px 8px rgba(40, 41, 61, 0.08),
    0px 20px 32px rgba(96, 97, 112, 0.24);
}