:root {

  /* Base Tokens - Color - Gray */

  --gray-tone1-10: #fbfbfb;
  --gray-tone1-50: #f2f2f2f2;
  --gray-tone1-100: #ebebeb;
  --gray-tone1-200: #dddddd;
  --gray-tone1-300: #c2c2c2;
  --gray-tone1-400: #a5a5a5;
  --gray-tone1-500: #717171;
  --gray-tone1-600: #606060;
  --gray-tone1-700: #4b4b4b;
  --gray-tone1-800: #313131;
  --gray-tone1-900: #222222;

  --gray-tone2-10: #DFDFDF;
  --gray-tone2-50: #D0D0D0;
  --gray-tone2-100: #C1C1C1;
  --gray-tone2-200: #A4A4A4;
  --gray-tone2-300: #868686;
  --gray-tone2-400: #696969;
  --gray-tone2-500: #4B4B4B;
  --gray-tone2-600: #3C3C3C;
  --gray-tone2-700: #2D2D2D;
  --gray-tone2-800: #1E1E1E;
  --gray-tone2-900: #161616;

  /* --------------------------------------------------------------------- */

  /* Base Tokens - Color - Blue */

  --blue-tone1-10: #D4EFFF;
  --blue-tone1-50: #B4E3FF;
  --blue-tone1-100: #94D2F8;
  --blue-tone1-200: #67ADD7;
  --blue-tone1-300: #4C9AC7;
  --blue-tone1-400: #2686B4;
  --blue-tone1-500: #0077A2;
  --blue-tone1-600: #00628A;
  --blue-tone1-700: #004E73;
  --blue-tone1-800: #004262;
  --blue-tone1-900: #003D59;

  --blue-tone2-10: #EDF9FE;
  --blue-tone2-50: #DCF4FC;
  --blue-tone2-100: #CAEEFB;
  --blue-tone2-200: #B9E8F9;
  --blue-tone2-300: #96DDF7;
  --blue-tone2-400: #73D1F4;
  --blue-tone2-500: #50C6F1;
  --blue-tone2-600: #40A2C5;
  --blue-tone2-700: #317E9A;
  --blue-tone2-800: #215A6E;
  --blue-tone2-900: #123643;

  --blue-tone3-10: #F3F6FF;
  --blue-tone3-50: #D0D8F7;
  --blue-tone3-100: #C0CBF4;
  --blue-tone3-200: #ABBAF1;
  --blue-tone3-300: #8EA3EC;
  --blue-tone3-400: #6984E5;
  --blue-tone3-500: #375CDD;
  --blue-tone3-600: #2246C8;
  --blue-tone3-700: #1D3CAA;
  --blue-tone3-800: #193391;
  --blue-tone3-900: #152B7B;

  --blue-tone4-10: #EDF1FF;
  --blue-tone4-50: #DBE2F9;
  --blue-tone4-100: #D0D9F7;
  --blue-tone4-200: #C0CCF4;
  --blue-tone4-300: #ABBBF1;
  --blue-tone4-400: #8FA4EC;
  --blue-tone4-500: #6987E6;
  --blue-tone4-600: #3E64DF;
  --blue-tone4-700: #234BCF;
  --blue-tone4-800: #1D40B0;
  --blue-tone4-900: #193696;

  /* --------------------------------------------------------------------- */

  /* Base Tokens - Color - Yellow */

  --yellow-tone1-10: #FFFBF0;
  --yellow-tone1-50: #FFECBE;
  --yellow-tone1-100: #FFE6A8;
  --yellow-tone1-200: #FFDE8B;
  --yellow-tone1-300: #FFD364;
  --yellow-tone1-400: #FFC430;
  --yellow-tone1-500: #EAA700;
  --yellow-tone1-600: #C78F00;
  --yellow-tone1-700: #A97900;
  --yellow-tone1-800: #906700;
  --yellow-tone1-9100: #7A5800;

  --yellow-tone2-10: #FEF9EE;
  --yellow-tone2-50: #FAEFD3;
  --yellow-tone2-100: #F8E9C4;
  --yellow-tone2-200: #F5E2B1;
  --yellow-tone2-300: #F2D897;
  --yellow-tone2-400: #EECB74;
  --yellow-tone2-500: #E8BA46;
  --yellow-tone2-600: #E3AB1E;
  --yellow-tone2-700: #C29218;
  --yellow-tone2-800: #A57C14;
  --yellow-tone2-900: #8C6911;

  --yellow-tone3-10: #F9F2F3;
  --yellow-tone3-50: #F3E4E7;
  --yellow-tone3-100: #EAD0D5;
  --yellow-tone3-200: #D5A3AC;
  --yellow-tone3-300: #BF7684;
  --yellow-tone3-400: #A44D5C;
  --yellow-tone3-500: #8B2D42;
  --yellow-tone3-600: #7A2438;
  --yellow-tone3-700: #611C2C;
  --yellow-tone3-800: #491521;
  --yellow-tone3-900: #300E16;

  --yellow-tone4-10: #F9F2F3;
  --yellow-tone4-50: #F3E4E7;
  --yellow-tone4-100: #EAD0D5;
  --yellow-tone4-200: #D5A3AC;
  --yellow-tone4-300: #BF7684;
  --yellow-tone4-400: #A44D5C;
  --yellow-tone4-500: #7A2438;
  --yellow-tone4-600: #8B2D42;
  --yellow-tone4-700: #611C2C;
  --yellow-tone4-800: #491521;
  --yellow-tone4-900: #300E16;


  /* --------------------------------------------------------------------- */

  /* Base Tokens - Color - Green */
  --green-tone1-10: #F9FFFC;
  --green-tone1-50: #D6F3E5;
  --green-tone1-100: #B2F2D3;
  --green-tone1-200: #98EEC5;
  --green-tone1-300: #76E9B1;
  --green-tone1-400: #49E197;
  --green-tone1-500: #20C375;
  --green-tone1-600: #1BA663;
  --green-tone1-700: #178D54;
  --green-tone1-800: #147847;
  --green-tone1-900: #11663D;

  --green-tone2-10: #EDFEF5;
  --green-tone2-50: #D6F0E3;
  --green-tone2-100: #C8EBDA;
  --green-tone2-200: #B6E5CE;
  --green-tone2-300: #9DDCBE;
  --green-tone2-400: #7CD1A8;
  --green-tone2-500: #51C18B;
  --green-tone2-600: #3DAC76;
  --green-tone2-700: #349265;
  --green-tone2-800: #2C7C55;
  --green-tone2-900: #266949;

  --green-tone3-10: #EDFAEB;
  --green-tone3-50: #DDF1DA;
  --green-tone3-100: #C1E5BD;
  --green-tone3-200: #9FD798;
  --green-tone3-300: #7ABB71;
  --green-tone3-400: #55A04B;
  --green-tone3-500: #0E7802;
  --green-tone3-600: #0B6002;
  --green-tone3-700: #084801;
  --green-tone3-800: #063001;
  --green-tone3-900: #031800;

  --green-tone4-10: #F4FBF3;
  --green-tone4-50: #E8F7E7;
  --green-tone4-100: #DDF3DB;
  --green-tone4-200: #D2EFCF;
  --green-tone4-300: #BBE7B7;
  --green-tone4-400: #A4DF9F;
  --green-tone4-500: #8ED787;
  --green-tone4-600: #75B46F;
  --green-tone4-700: #5C9157;
  --green-tone4-800: #426F3E;
  --green-tone4-900: #294C26;

  /* --------------------------------------------------------------------- */

  /* Base Tokens - Color - Red */

  --red-tone1-10: #FFF6F6;
  --red-tone1-50: #FBE5E4;
  --red-tone1-100: #F7CCCB;
  --red-tone1-200: #EE9A98;
  --red-tone1-300: #E66966;
  --red-tone1-400: #DD3733;
  --red-tone1-500: #D50500;
  --red-tone1-600: #AA0400;
  --red-tone1-700: #800300;
  --red-tone1-800: #550200;
  --red-tone1-900: #400100;

  --red-tone2-10: #FFF4F3;
  --red-tone2-50: #F7DCDA;
  --red-tone2-100: #F4D1CE;
  --red-tone2-200: #F0C1BD;
  --red-tone2-300: #EBADA7;
  --red-tone2-400: #E5918A;
  --red-tone2-500: #DC6D63;
  --red-tone2-600: #BB5C52;
  --red-tone2-700: #9B473E;
  --red-tone2-800: #7B3730;
  --red-tone2-900: #5F2A25;

  /* --------------------------------------------------------------------- */

  /* Base Tokens - Color - Orange */

  --orange-tone1-10: #FFE4D6;
  --orange-tone1-50: #F7D3C0;
  --orange-tone1-100: #EFC2AB;
  --orange-tone1-200: #DEA180;
  --orange-tone1-300: #CE8056;
  --orange-tone1-400: #BD5E2B;
  --orange-tone1-500: #AD3D00;
  --orange-tone1-600: #8A3100;
  --orange-tone1-700: #682500;
  --orange-tone1-800: #451800;
  --orange-tone1-900: #230C00;

  --orange-tone2-10: #FFF4EF;
  --orange-tone2-50: #FFE9DF;
  --orange-tone2-100: #FEDECE;
  --orange-tone2-200: #FED3BE;
  --orange-tone2-300: #FEBE9E;
  --orange-tone2-400: #FDA87D;
  --orange-tone2-500: #FD925D;
  --orange-tone2-600: #D4784B;
  --orange-tone2-700: #AC5E38;
  --orange-tone2-800: #834526;
  --orange-tone2-900: #5B2B13;

  /* --------------------------------------------------------------------- */

  /* Base Tokens - Color - Common */

  --white: #ffffff;
  --black: #000000;
  --red: #ff0000;
  --green: #00ff00;
  --blue: #0000ff;
  --yellow: #ffff00;

  /* --------------------------------------------------------------------- */

  /* Base Tokens - Points */

  --point-0: 0;
  --point-1: 1;
  --point-2: 2;
  --point-3: 3;
  --point-4: 4;
  --point-5: 5;
  --point-6: 6;
  --point-7: 7;
  --point-8: 8;
  --point-9: 9;
  --point-10: 10;
  --point-11: 11;
  --point-12: 12;
  --point-13: 13;
  --point-14: 14;
  --point-15: 15;
  --point-16: 16;
  --point-17: 17;
  --point-18: 18;
  --point-19: 19;
  --point-20: 20;
  --point-21: 21;
  --point-22: 22;
  --point-23: 23;
  --point-24: 24;
  --point-25: 25;
  --point-26: 26;
  --point-27: 27;
  --point-28: 28;
  --point-29: 29;
  --point-30: 30;
  --point-31: 31;
  --point-32: 32;
  --point-33: 33;
  --point-34: 34;
  --point-35: 35;
  --point-36: 36;
  --point-37: 37;
  --point-38: 38;
  --point-39: 39;
  --point-40: 40;
  --point-41: 41;
  --point-42: 42;
  --point-43: 43;
  --point-44: 44;
  --point-45: 45;
  --point-46: 46;
  --point-47: 47;
  --point-48: 48;
  --point-49: 49;
  --point-50: 50;

  /* --------------------------------------------------------------------- */

  /* Base Tokens - zIndex */

  --z-index-minus-100: -100;
  --z-index-minus50: -50;
  --z-index-minus-20: -20;
  --z-index-minus-10: -10;
  --z-index-0: 0;
  --z-index-1: 1;
  --z-index-2: 2;
  --z-index-3: 3;
  --z-index-4: 4;
  --z-index-5: 5;
  --z-index-6: 6;
  --z-index-7: 7;
  --z-index-8: 8;
  --z-index-9: 9;
  --z-index-10: 10;
  --z-index-20: 20;
  --z-index-30: 30;
  --z-index-40: 40;
  --z-index-50: 50;
  --z-index-60: 60;
  --z-index-70: 70;
  --z-index-80: 80;
  --z-index-90: 90;
  --z-index-100: 100;

  /* --------------------------------------------------------------------- */

  /* Base Tokens - Times */
  --time-10: 10;
  --time-100: 100;
  --time-200: 200;
  --time-300: 300;
  --time-400: 400;
  --time-500: 500;
  --time-600: 600;
  --time-700: 700;
  --time-800: 800;
  --time-900: 900;
  --time-1000: 1000;
  --time-2000: 2000;

  /* --------------------------------------------------------------------- */

  /* Base Tokens - Sizes */

  --size-0: 0;
  --size-10: 1;
  --size-20: 2;
  --size-25: 3;
  --size-30: 4;
  --size-35: 5;
  --size-40: 6;
  --size-45: 7;
  --size-50: 8;
  --size-55: 9;
  --size-60: 10;
  --size-70: 11;
  --size-75: 12;
  --size-80: 13;
  --size-90: 14;
  --size-100: 16;
  --size-110: 18;
  --size-120: 20;
  --size-140: 22;
  --size-150: 24;
  --size-170: 26;
  --size-180: 28;
  --size-190: 30;
  --size-200: 30;

  /* --------------------------------------------------------------------- */

  /* Base Tokens - Fonts */

  --font-name-main: "iranSansFont";
  --font-name-alternate: "tahoma";
  --font-name-clock: "clockFont";
  --font-size-base: 16;

  /* --------------------------------------------------------------------- */

  /* Base Tokens - Rem Size */
  /*10px*/
  --rem-size-1: 0.625;
  /*12px*/
  --rem-size-2: 0.75;
  /*13px*/
  --rem-size-3: 0.8125;
  /*14px*/
  --rem-size-4: 0.875;
  /*15px*/
  --rem-size-4-5: 0.9375;
  /*16px*/
  --rem-size-5: 1;
  /*17px*/
  --rem-size-5-5: 1.0625;
  /*18px*/
  --rem-size-6: 1.125;
  /*20px*/
  --rem-size-7: 1.25;
  /*21px*/
  --rem-size-7-5: 1.3125;
  /*22px*/
  --rem-size-8: 1.375;
  /*24px*/
  --rem-size-9: 1.5;
  /*26px*/
  --rem-size-10: 1.625;
  /*28px*/
  --rem-size-11: 1.75;
  /*30px*/
  --rem-size-11-5: 1.875;
  /*32px*/
  --rem-size-12: 2;
  /*34px*/
  --rem-size-13: 2.125;
  /*38px*/
  --rem-size-14: 2.375;
  /*40px*/
  --rem-size-15: 2.5;
  /* --------------------------------------------------------------------- */

  /* Base Tokens - Font Weights */
  --font-weight-100: 100;
  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --font-weight-900: 900;

  /* --------------------------------------------------------------------- */

  /* Base Tokens - Screen Sizes */




  /* --------------------------------------------------------------------- */

  /* Base Tokens - Shadow */

  --shadow-tone1-100: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
  --shadow-tone1-200: 0px 2px 6px 0px rgba(0, 0, 0, 0.06);
  --shadow-tone1-300: 1px 2px 8px 0px rgba(0, 0, 0, 0.14);
  --shadow-tone1-400: 0px 2px 4px 1px rgba(0, 0, 0, 0.14);
  --shadow-tone1-500: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
  --shadow-tone1-600: 0px -2px 8px 0px rgba(0, 0, 0, 0.06);
  --shadow-tone1-700: 9px 0px 24px 0px rgba(0, 0, 0, 0.16);
  --shadow-tone1-800: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);

  --shadow-tone2-100: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
  --shadow-tone2-200: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
  --shadow-tone2-300: 1px 2px 8px 0px rgba(0, 0, 0, 0.14);
  --shadow-tone2-400: 0px 2px 4px 1px rgba(0, 0, 0, 0.30);
  --shadow-tone2-500: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
  --shadow-tone2-600: 0px -2px 8px 0px rgba(0, 0, 0, 0.16);
  --shadow-tone2-700: 9px 0px 24px 0px rgba(0, 0, 0, 0.16);
  --shadow-tone2-800: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);

  --shadow-inset-tone1: inset 0px 5px 6px -1px rgb(238 238 238);
  --shadow-inset-tone2: inset 0px 5px 6px -1px rgb(8 8 8 / 49%);

  /* --------------------------------------------------------------------- */


  --max-width: 1200px;
  --max-internal-size: 860px;
  --max-container-size: 1300px;
  --max-dashboard-container-size: 1520px;
  --max-dashboard-section-container-size: 1380px;
  --max-card-internal-size: 430px;
  --max-internal-tablet-size: 650px;

  --error-water-mark: #fff2f363;
  --filter-grayscale: grayscale(40%);
  --filter-brightness-1: brightness(85%);
  --filter-brightness-2: brightness(55%);

  --color-gray-opaque-level-1: rgba(0, 0, 0, 0.3);
  --color-gray-opaque-level-2: rgba(0, 0, 0, 0.5);
  --color-gray-opaque-level-3: rgba(0, 0, 0, 0.7);

}

@media only screen and (max-width:599px) {
  :root {
    --max-internal-tablet-size: 320px;
  }
}