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

  /* Primary Colors */
  --primary-10: #cef9f5;
  --primary-20: #9df2ed;
  --primary-30: #64e4e0;
  --primary-40: #32c8cb;
  --primary-50: #1baeb1;
  --primary-60: #138a8e;
  --primary-70: #0f6e72;
  --primary-80: #14575b;
  --primary-90: #15494c;
  --primary-100: #06292d;

  /* Secondary Colors */
  --secondary-10: #f2f8fd;
  --secondary-20: #dff3f0;
  --secondary-30: #91c1e8;
  --secondary-40: #56a1da;
  --secondary-50: #3085c7;
  --secondary-60: #2169a8;
  --secondary-70: #1c5588;
  --secondary-80: #1b4871;
  --secondary-90: #1b3e5f;
  --secondary-100: #0c1e29;

  /* Tertiary Colors */
  --tertiary-10: #e6f8f8;
  --tertiary-20: #c7d9f0;
  --tertiary-30: #95b9e4;
  --tertiary-40: #5d96d3;
  --tertiary-50: #3777bd;
  --tertiary-60: #275ea2;
  --tertiary-70: #214b83;
  --tertiary-80: #1f416d;
  --tertiary-90: #17385b;
  --tertiary-100: #14243d;

  /* Gray Colors */
  --gray-10: #e0e0e0;
  --gray-20: #c7c7c7;
  --gray-30: #aeaeae;
  --gray-40: #959595;
  --gray-50: #777677;
  --gray-60: #5a5a5a;
  --gray-70: #464646;
  --gray-80: #323232;
  --gray-90: #121212;
  --black: #000000;

  /* Cold Gray Colors */
  --cold-gray-10: #e9f0e9;
  --cold-gray-20: #c8d2d2;
  --cold-gray-30: #aeb8b8;
  --cold-gray-40: #bdbdbd;
  --cold-gray-50: #6d7777;
  --cold-gray-60: #586464;
  --cold-gray-70: #3c4646;
  --cold-gray-80: #2d3737;
  --cold-gray-90: #001111;
  --cold-gray-100: #000303;

  /* 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: #00ffa3;

  --axualitiy-1: #b9bed1;
  --axualitiy-2: #8088a6;
  --axualitiy-3: rgba(249, 249, 249, 0.6);
  --axualitiy-4: #aeb6d2;
  --axualitiy-5: #484e64;
  --axualitiy-6: #24283e;

  --Frame-Color: radial-gradient(
    130.25% 141.34% at 100% 1.79%,
    rgba(12, 26, 41, 0.9) 0%,
    rgba(25, 27, 38, 1) 100%
  );

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

  /* 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: #e74c3c;

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

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

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

  --danger: #cb3f3f;
}