:root {
  /* Fonts Colors */
  --primary-font: "Nunito Sans", serif;
  --secondary-font: "Oxanium", sans-serif;

  /* Primary Colors */
  --primary-10: #ddecf0;
  --primary-20: #bfdae2;
  --primary-30: #93c0cd;
  --primary-40: #5f9eb1;
  --primary-50: #448296;
  --primary-60: #3b6b7f;
  --primary-70: #226163;
  --primary-80: #324b58;
  --primary-90: #2d414c;
  --primary-100: #0e161b;

  /* Secondary Colors */
  --secondary-10: #fee5e2;
  --secondary-20: #aee5ff;
  --secondary-30: #76d8ff;
  --secondary-40: #35bfff;
  --secondary-50: #0074ff;
  --secondary-60: #005bff;
  --secondary-70: #004bd7;
  --secondary-80: #0049b2;
  --secondary-90: #062a65;
  --secondary-100: #14243d;

  /* Tertiary Colors */
  --tertiary-10: #e0edec;
  --tertiary-20: #c5dcdb;
  --tertiary-30: #9cc4c4;
  --tertiary-40: #6ca3a4;
  --tertiary-50: #518889;
  --tertiary-60: #275ea2;
  --tertiary-70: #467074;
  --tertiary-80: #384552;
  --tertiary-90: #34347;
  --tertiary-100: #162022;

  /* Gray Colors */
  --gray-10: #e3e8ea;
  --gray-20: #cad3d7;
  --gray-30: #a6b5ba;
  --gray-40: #7a8d96;
  --gray-50: #5f727b;
  --gray-60: #56666f;
  --gray-70: #465158;
  --gray-80: #3e464c;
  --gray-90: #373d42;
  --black: #22272a;

  /* Cold Gray Colors */
  --cold-gray-10: #e2ebeb;
  --cold-gray-20: #c8d9d9;
  --cold-gray-30: #a2bebd;
  --cold-gray-40: #749c9c;
  --cold-gray-50: #598081;
  --cold-gray-60: #4c6b6e;
  --cold-gray-70: #42595c;
  --cold-gray-80: #3b4d4f;
  --cold-gray-90: #354244;
  --cold-gray-100: #232e30;

  /* White Colors */
  --white: #ffffff;
  --white-10: #ffffff;
  --white-20: #efefef;
  --white-30: #dcdcdc;
  --white-40: #dbdbdb;
  --white-50: #7c7c7c;
  --white-60: #656565;
  --white-90: #3d3d3d;
  --white-100: #292929;

  --green: #2fed6e;
  --red: #ed452f;

  /* Input Border Colors */
  --input-border-default: #444444;
  --input-border-hover: #00b5ad;
  --input-border-error: #ed452f;

  /* Input Background Colors */
  --input-bg-default: #1b1b1b;
  --input-bg-hover: #2c2c2c;
  --input-bg-error: #2c1b1b;

  /* Input Text Colors */
  --input-default: #ffffff;
  --input-placeholder: #7a7a7a;
  --input-error: #ed452f;

  /* Label Colors */
  --label-default: #ffffff;
  --label-error: #ed452f;

  /* Icon Colors */
  --icon-default: #00b5ad;
  --icon-error: #ed452f;

  /* Dropdown Icon Colors */
  --dropdown-icon-default: #7a7a7a;
  --dropdown-icon-hover: #00b5ad;
  --dropdown-icon-error: #ed452f;

  --danger: #ed452f;

  /* Card Colors */
  --card-bg: rgba(22, 32, 34, 0.8);
  --card-border: #6e838e;
  --card-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.2);
  --card-backdrop-filter: blur(17.25px);
}