/*
 * デザイントークン（CSS 変数）
 * assets/scss/abstracts/_colors.scss の :root をそのまま素の CSS にしたもの。
 * recruit には Sass のビルドが無いため、.scss はブラウザで読み込めない。
 * トークンを変えるときは _colors.scss とこのファイルの両方をそろえること。
 */
:root {
  --flame-for-pc: 1920px;
  --flame-for-sp: 390px;
  --border-S: 1px;
  --border-M: 2px;
  --border-L: 4px;
  --border-radius-none: 0px;
  --border-radius-XS: 4px;
  --border-radius-S: 8px;
  --border-radius-M: 12px;
  --border-radius-L: 16px;
  --border-radius-XL: 20px;
  --border-radius-XXL: 24px;
  --border-radius-FULL: 999px;
  --icon-20px: 20px;
  --icon-21px: 21px;
  --icon-24px: 24px;
  --icon-25px: 25px;
  --icon-27px: 27px;
  --icon-28px: 28px;
  --icon-30px: 30px;
  --icon-32px: 32px;
  --icon-35px: 35px;
  --icon-36px: 36px;
  --icon-42px: 42px;
  --icon-45px: 45px;
  --icon-46px: 46px;
  --icon-56px: 56px;
  --icon-57px: 57px;
  --icon-60px: 60px;
  --icon-63px: 63px;
  --spacing-none: 0px;
  --spacing-4px: 4px;
  --spacing-8px: 8px;
  --spacing-12px: 12px;
  --spacing-16px: 16px;
  --spacing-20px: 20px;
  --spacing-30px: 30px;
  --spacing-40px: 40px;
  --spacing-50px: 50px;
  --spacing-60px: 60px;
  --spacing-70px: 70px;
  --spacing-80px: 80px;
  --spacing-90px: 90px;
  --spacing-100px: 100px;
  --spacing-110px: 110px;
  --spacing-120px: 120px;
  --shadow-button: #0000004d;
  --shadow-header: #00000026;
  --optim-brand: #004386;
  --optim-brand-100: #001428;
  --optim-brand-90: #001b36;
  --optim-brand-80: #002850;
  --optim-brand-60: #4d7baa;
  --optim-brand-50: #99b4cf;
  --optim-brand-40: #ccd9e7;
  --optim-brand-30: #d9e3ed;
  --optim-brand-20: #e5ecf3;
  --optim-brand-10: #f2f6f9;
  --optim-brand-alpha-90: #4d7baaf5;
  --optim-brand-alpha-80: #4d7baacc;
  --optim-brand-alpha-70: #4d7baaa3;
  --optim-brand-alpha-60: #4d7baa7a;
  --optim-brand-alpha-50: #4d7baa66;
  --optim-brand-alpha-40: #4d7baa52;
  --optim-brand-alpha-30: #4d7baa3d;
  --optim-brand-alpha-20: #4d7baa29;
  --optim-brand-alpha-10: #4d7baa14;
  --optim-brand-accent: #194de5;
  --optim-brand-accent-100: #000f33;
  --optim-brand-accent-90: #001f66;
  --optim-brand-accent-80: #002e99;
  --optim-brand-accent-70: #003dcc;
  --optim-brand-accent-50: #3370ff;
  --optim-brand-accent-40: #6694ff;
  --optim-brand-accent-30: #99b8ff;
  --optim-brand-accent-20: #ccdbff;
  --optim-brand-accent-10: #e5edff;
  --optim-brand-accent-alpha-90: #194de5f5;
  --optim-brand-accent-alpha-80: #194de5cc;
  --optim-brand-accent-alpha-70: #194de5a3;
  --optim-brand-accent-alpha-60: #194de57a;
  --optim-brand-accent-alpha-50: #194de566;
  --optim-brand-accent-alpha-40: #194de552;
  --optim-brand-accent-alpha-30: #194de53d;
  --optim-brand-accent-alpha-20: #194de529;
  --optim-brand-accent-alpha-10: #194de514;
  --optim-brand-secondary: #ff8c00;
  --optim-brand-secondary-100: #4d2a00;
  --optim-brand-secondary-90: #663800;
  --optim-brand-secondary-80: #995400;
  --optim-brand-secondary-60: #ffaf4d;
  --optim-brand-secondary-50: #ffd199;
  --optim-brand-secondary-40: #ffe8cc;
  --optim-brand-secondary-30: #ffeed9;
  --optim-brand-secondary-20: #fff3e5;
  --optim-brand-secondary-10: #fff9f2;
  --optim-brand-secondary-alpha-90: #ffaf4df5;
  --optim-brand-secondary-alpha-80: #ffaf4dcc;
  --optim-brand-secondary-alpha-70: #ffaf4da3;
  --optim-brand-secondary-alpha-60: #ffaf4d7a;
  --optim-brand-secondary-alpha-50: #ffaf4d66;
  --optim-brand-secondary-alpha-40: #ffaf4d52;
  --optim-brand-secondary-alpha-30: #ffaf4d3d;
  --optim-brand-secondary-alpha-20: #ffaf4d29;
  --optim-brand-secondary-alpha-10: #ffaf4d14;
  --optim-brand-secondary-accent-100: #664d00;
  --optim-brand-secondary-accent-90: #997300;
  --optim-brand-secondary-accent-80: #c90;
  --optim-brand-secondary-accent-70: #ffbf00;
  --optim-brand-secondary-accent-60: #fc3;
  --optim-brand-secondary-accent-50: #ffd966;
  --optim-brand-secondary-accent-40: #ffe599;
  --optim-brand-secondary-accent-30: #ffecb2;
  --optim-brand-secondary-accent-20: #fff2cc;
  --optim-brand-secondary-accent-10: #fff9e5;
  --optim-brand-secondary-accent-alpha-90: #ffcc33f5;
  --optim-brand-secondary-accent-alpha-80: #fc3c;
  --optim-brand-secondary-accent-alpha-70: #ffcc33a3;
  --optim-brand-secondary-accent-alpha-60: #ffcc337a;
  --optim-brand-secondary-accent-alpha-50: #fc36;
  --optim-brand-secondary-accent-alpha-40: #ffcc3352;
  --optim-brand-secondary-accent-alpha-30: #ffcc333d;
  --optim-brand-secondary-accent-alpha-20: #ffcc3329;
  --optim-brand-secondary-accent-alpha-10: #ffcc3314;
  --optim-brand-gray-100: #171a1c;
  --optim-brand-gray-90: #2e3338;
  --optim-brand-gray-80: #454d54;
  --optim-brand-gray-70: #5c6670;
  --optim-brand-gray-60: #73808c;
  --optim-brand-gray-50: #8f99a3;
  --optim-brand-gray-40: #abb2ba;
  --optim-brand-gray-30: #c7ccd1;
  --optim-brand-gray-20: #e3e5e8;
  --optim-brand-gray-10: #f1f2f4;
  --optim-brand-gray-alpha-90: #171a1ce5;
  --optim-brand-gray-alpha-80: #171a1ccc;
  --optim-brand-gray-alpha-70: #171a1cb2;
  --optim-brand-gray-alpha-60: #171a1c99;
  --optim-brand-gray-alpha-50: #171a1c66;
  --optim-brand-gray-alpha-40: #171a1c33;
  --optim-brand-gray-alpha-30: #171a1c1a;
  --optim-brand-gray-alpha-20: #171a1c0d;
  --optim-brand-gray-alpha-10: #171a1c05;
  --gray-primary: #737373;
  --black: #000;
  --black-alpha-120: #000000e5;
  --black-alpha-110: #000000d9;
  --black-alpha-100: #000c;
  --black-alpha-90: #000000b2;
  --black-alpha-80: #0009;
  --black-alpha-70: #00000080;
  --black-alpha-60: #0006;
  --black-alpha-50: #0000004d;
  --black-alpha-40: #00000026;
  --black-alpha-30: #0000001a;
  --black-alpha-20: #0000000d;
  --black-alpha-10: #00000005;
  --black-alpha-0: #0000;
  --white: #fff;
  --white-alpha-120: #fffffff2;
  --white-alpha-110: #ffffffe5;
  --white-alpha-100: #ffffffd9;
  --white-alpha-90: #fffc;
  --white-alpha-80: #ffffffb2;
  --white-alpha-70: #fff9;
  --white-alpha-60: #ffffff80;
  --white-alpha-50: #fff6;
  --white-alpha-40: #ffffff4d;
  --white-alpha-30: #ffffff26;
  --white-alpha-20: #ffffff1a;
  --white-alpha-10: #ffffff0d;
  --white-alpha-0: #fff0;
  --gray-90: #262626;
  --gray-80: #404040;
  --gray-70: #595959;
  --gray-60: #737373;
  --gray-50: #8c8c8c;
  --gray-40: #a6a6a6;
  --gray-30: #bfbfbf;
  --gray-20: #d9d9d9;
  --gray-10: #f2f2f2;
  --red-accent-70: #d50000;
  --red-accent-40: #ff1744;
  --red-accent-20: #ff5252;
  --red-accent-10: #ff8a80;
  --red-90: #b71c1c;
  --red-80: #c62828;
  --red-70: #d32f2f;
  --red-60: #e53935;
  --red-50: #f44336;
  --red-40: #ef5350;
  --red-30: #e57373;
  --red-20: #ef9a9a;
  --red-10: #ffcdd2;
  --red-5: #ffebee;
  --red-dark-90: #370808;
  --red-dark-80: #490b0b;
  --red-dark-70: #5c0e0e;
  --red-dark-60: #6e1111;
  --red-dark-50: #801414;
  --red-dark-40: #921616;
  --red-dark-30: #a51919;
  --red-dark-20: #ae1b1b;
  --red-dark-10: #b31b1b;
  --red-alpha-90: #ff1744f5;
  --red-alpha-80: #ff1744cc;
  --red-alpha-70: #ff1744a3;
  --red-alpha-60: #ff17447a;
  --red-alpha-50: #ff174466;
  --red-alpha-40: #ff174452;
  --red-alpha-30: #ff17443d;
  --red-alpha-20: #ff174429;
  --red-alpha-10: #ff174414;
  --deep-orange-accent-70: #dd2c00;
  --deep-orange-accent-40: #ff3d00;
  --deep-orange-accent-20: #ff6e40;
  --deep-orange-accent-10: #ff9e80;
  --deep-orange-90: #bf360c;
  --deep-orange-80: #d84315;
  --deep-orange-70: #e64a19;
  --deep-orange-60: #f4511e;
  --deep-orange-50: #ff5722;
  --deep-orange-40: #ff7043;
  --deep-orange-30: #ff8a65;
  --deep-orange-20: #ffab91;
  --deep-orange-10: #ffccbc;
  --deep-orange-5: #fbe9e7;
  --orange-accent-70: #ff6d00;
  --orange-accent-40: #ff9100;
  --orange-accent-20: #ffab40;
  --orange-accent-10: #ffd180;
  --orange-90: #e65100;
  --orange-80: #ef6c00;
  --orange-70: #f57c00;
  --orange-60: #fb8c00;
  --orange-50: #ff9800;
  --orange-40: #ffa726;
  --orange-30: #ffb74d;
  --orange-20: #ffcc80;
  --orange-10: #ffe0b2;
  --orange-5: #fff3e0;
  --orange-dark-90: #4d2100;
  --orange-dark-80: #662c00;
  --orange-dark-70: #803700;
  --orange-dark-60: #994100;
  --orange-dark-50: #b34c00;
  --orange-dark-40: #cc5700;
  --orange-dark-30: #e66200;
  --orange-dark-20: #f26800;
  --orange-dark-10: #fa6b00;
  --amber-accent-70: #ffab00;
  --amber-accent-40: #ffc400;
  --amber-accent-20: #ffd740;
  --amber-accent-10: #ffe57f;
  --amber-90: #ff6f00;
  --amber-80: #ff8f00;
  --amber-70: #ffa000;
  --amber-60: #ffb300;
  --amber-50: #ffc107;
  --amber-40: #ffca28;
  --amber-30: #ffd54f;
  --amber-20: #ffe082;
  --amber-10: #ffecb3;
  --amber-5: #fff8e1;
  --amber-dark-90: #4d3600;
  --amber-dark-80: #664800;
  --amber-dark-70: #805a00;
  --amber-dark-60: #996b00;
  --amber-dark-50: #b37d00;
  --amber-dark-40: #cc8f00;
  --amber-dark-30: #e6a100;
  --amber-dark-20: #f2aa00;
  --amber-dark-10: #faaf00;
  --yellow-accent-70: #ffd600;
  --yellow-accent-40: #ffea00;
  --yellow-accent-20: #ff0;
  --yellow-accent-10: #ffff8d;
  --yellow-90: #f57f17;
  --yellow-80: #f9a825;
  --yellow-70: #fbc02d;
  --yellow-60: #fdd835;
  --yellow-50: #ffeb3b;
  --yellow-40: #ffee58;
  --yellow-30: #fff385;
  --yellow-20: #fff59d;
  --yellow-10: #fff9c4;
  --yellow-5: #fffde7;
  --yellow-alpha-90: #ffea00f5;
  --yellow-alpha-80: #ffea00cc;
  --yellow-alpha-70: #ffea00a3;
  --yellow-alpha-60: #ffea007a;
  --yellow-alpha-50: #ffea0066;
  --yellow-alpha-40: #ffea0052;
  --yellow-alpha-30: #ffea003d;
  --yellow-alpha-20: #ffea0029;
  --yellow-alpha-10: #ffea0014;
  --yellow-dark-90: #4c4110;
  --yellow-dark-80: #655615;
  --yellow-dark-70: #7f6c1b;
  --yellow-dark-60: #988220;
  --yellow-dark-50: #b19725;
  --yellow-dark-40: #caad2a;
  --yellow-dark-30: #e4cf30;
  --yellow-dark-20: #f0cd32;
  --yellow-dark-10: #f8d434;
  --lime-accent-70: #aeea00;
  --lime-accent-40: #c6ff00;
  --lime-accent-20: #eeff41;
  --lime-accent-10: #f4ff81;
  --lime-90: #827717;
  --lime-80: #9e9d24;
  --lime-70: #afb42b;
  --lime-60: #c0ca33;
  --lime-alpha-90: #c0ca33e5;
  --lime-alpha-80: #c0ca33cc;
  --lime-alpha-70: #c0ca33b2;
  --lime-alpha-60: #c0ca3399;
  --lime-alpha-50: #c0ca3380;
  --lime-alpha-40: #c0ca3366;
  --lime-alpha-30: #c0ca334d;
  --lime-alpha-20: #c0ca3333;
  --lime-alpha-10: #c0ca331a;
  --lime-50: #cddc39;
  --lime-40: #d4e157;
  --lime-30: #dce775;
  --lime-20: #e6ee9c;
  --lime-10: #f0f4c3;
  --lime-5: #f9fbe7;
  --lime-dark-90: #3a3d0f;
  --lime-dark-80: #4d5114;
  --lime-dark-70: #606519;
  --lime-dark-60: #73791f;
  --lime-dark-50: #868d24;
  --lime-dark-40: #a3ac2b;
  --lime-dark-30: #adb62e;
  --lime-dark-20: #bcc632;
  --lime-dark-10: #c0ca33;
  --light-green-accent-70: #64dd17;
  --light-green-accent-40: #76ff03;
  --light-green-accent-20: #b2ff59;
  --light-green-accent-10: #ccff90;
  --light-green-90: #33691e;
  --light-green-80: #558b2f;
  --light-green-70: #689f38;
  --light-green-60: #7cb342;
  --light-green-50: #8bc34a;
  --light-green-40: #9ccc65;
  --light-green-30: #aed581;
  --light-green-20: #c5e1a5;
  --light-green-10: #dcedc8;
  --light-green-5: #f1f8e9;
  --green-accent-70: #00c853;
  --green-accent-40: #00e676;
  --green-accent-20: #69f0ae;
  --green-accent-10: #b9f6ca;
  --green-90: #1b5e20;
  --green-80: #2e7d32;
  --green-70: #388e3c;
  --green-60: #43a047;
  --green-50: #4caf50;
  --green-40: #66bb6a;
  --green-30: #81c784;
  --green-20: #a5d6a7;
  --green-10: #c8e6c9;
  --green-5: #e8f5e9;
  --green-alpha-90: #43a047f5;
  --green-alpha-80: #43a047cc;
  --green-alpha-70: #43a047a3;
  --green-alpha-60: #43a0477a;
  --green-alpha-50: #43a04766;
  --green-alpha-40: #43a04752;
  --green-alpha-30: #43a0473d;
  --green-alpha-20: #43a04729;
  --green-alpha-10: #43a04714;
  --green-dark-90: #081c0a;
  --green-dark-80: #0b260d;
  --green-dark-70: #0e2f10;
  --green-dark-60: #103813;
  --green-dark-50: #134216;
  --green-dark-40: #164b1a;
  --green-dark-30: #18551d;
  --green-dark-20: #1a591e;
  --green-dark-10: #1a5c1f;
  --teal-accent-70: #00bfa5;
  --cyan-accent-70: #00b8d4;
  --cyan-accent-40: #00e5ff;
  --cyan-accent-20: #18ffff;
  --cyan-accent-10: #84ffff;
  --cyan-90: #006064;
  --cyan-80: #00838f;
  --cyan-70: #0097a7;
  --cyan-60: #00acc1;
  --cyan-50: #00bcd4;
  --cyan-40: #26c6da;
  --cyan-30: #4dd0e1;
  --cyan-20: #80deea;
  --cyan-10: #b2ebf2;
  --cyan-5: #e0f7fa;
  --teal-accent-40: #1de9b6;
  --teal-accent-20: #64ffda;
  --teal-accent-10: #a7ffeb;
  --teal-90: #004d40;
  --teal-80: #00695c;
  --teal-70: #00796b;
  --teal-60: #00897b;
  --teal-50: #009688;
  --teal-40: #26a69a;
  --teal-30: #4db6ac;
  --teal-20: #80cbc4;
  --teal-10: #b2dfdb;
  --teal-5: #e0f2f1;
  --light-blue-accent-70: #0091ea;
  --light-blue-accent-40: #00b0ff;
  --light-blue-accent-20: #40c4ff;
  --light-blue-accent-10: #80d8ff;
  --light-blue-90: #01579b;
  --light-blue-80: #0277bd;
  --light-blue-70: #0288d1;
  --light-blue-60: #039be5;
  --light-blue-50: #03a9f4;
  --light-blue-40: #29b6f6;
  --light-blue-30: #4fc3f7;
  --light-blue-20: #81d4fa;
  --light-blue-10: #b3e5fc;
  --light-blue-5: #e1f5fe;
  --light-blue-alpha-90: #039be5f5;
  --light-blue-alpha-80: #039be5cc;
  --light-blue-alpha-70: #039be5a3;
  --light-blue-alpha-60: #039be57a;
  --light-blue-alpha-50: #039be566;
  --light-blue-alpha-40: #039be552;
  --light-blue-alpha-30: #039be53d;
  --light-blue-alpha-20: #039be529;
  --light-blue-alpha-10: #039be514;
  --light-blue-dark-90: #001a2f;
  --light-blue-dark-80: #00233e;
  --light-blue-dark-70: #002b4e;
  --light-blue-dark-60: #01345d;
  --light-blue-dark-50: #013d6d;
  --light-blue-dark-40: #01467c;
  --light-blue-dark-30: #014e8b;
  --light-blue-dark-20: #015393;
  --light-blue-dark-10: #015598;
  --indigo-accent-70: #304ffe;
  --indigo-accent-40: #3d5afe;
  --indigo-accent-20: #536dfe;
  --indigo-accent-10: #8c9eff;
  --indigo-90: #1a237e;
  --indigo-80: #283593;
  --indigo-70: #303f9f;
  --indigo-60: #3949ab;
  --indigo-50: #3f51b5;
  --indigo-40: #5c6bc0;
  --indigo-30: #7986cb;
  --indigo-20: #9fa8da;
  --indigo-10: #c5cae9;
  --indigo-5: #e8eaf6;
  --purple-accent-70: #a0f;
  --purple-accent-40: #d500f9;
  --purple-accent-20: #e040fb;
  --purple-accent-10: #ea80fc;
  --purple-90: #4a148c;
  --purple-80: #6a1b9a;
  --purple-70: #7b1fa2;
  --purple-60: #8e24aa;
  --purple-50: #9c27b0;
  --purple-40: #ab47bc;
  --purple-30: #ba68c8;
  --purple-20: #ce93d8;
  --purple-10: #e1bee7;
  --purple-5: #f3e5f5;
  --pink-accent-70: #c51162;
  --pink-accent-40: #f50057;
  --pink-accent-20: #ff4081;
  --pink-accent-10: #ff80ab;
  --pink-90: #880e4f;
  --pink-80: #ad1457;
  --pink-70: #c2185b;
  --pink-60: #d81b60;
  --pink-50: #e91e63;
  --pink-40: #ec407a;
  --pink-30: #f06292;
  --pink-20: #f48fb1;
  --pink-10: #f8bbd0;
  --pink-5: #fce4ec;
  --gray-secondary: #a6a6a6;
  --gray-tertiary: #404040;
  --gray-background: #f2f2f2;
  --red-primary: #e53935;
  --red-secondary: #ef5350;
  --red-tertiary: #c62828;
  --red-background: #ffebee;
  --deep-orange-primary: #ff7043;
  --deep-orange-secondary: #ff8a65;
  --deep-orange-tertiary: #bf360c;
  --deep-orange-background: #ffccbc;
  --orange-primary: #ffa726;
  --orange-secondary: #ffd180;
  --orange-tertiary: #b34c00;
  --orange-background: #ffe0b2;
  --amber-primary: #ffca28;
  --amber-secondary: #ffd740;
  --amber-tertiary: #996b00;
  --amber-background: #ffecb3;
  --yellow-primary: #fdd835;
  --yellow-secondary: #ffea00;
  --yellow-tertiary: #7f6c1b;
  --yellow-background: #fff9c4;
  --lime-primary: #c0ca33;
  --lime-secondary: #dce775;
  --lime-tertiary: #827717;
  --lime-background: #f0f4c3;
  --light-green-primary: #aed581;
  --light-green-secondary: #c5e1a5;
  --light-green-tertiary: #33691e;
  --light-green-background: #dcedc8;
  --green-primary: #66bb6a;
  --green-secondary: #a5d6a7;
  --green-tertiary: #2e7d32;
  --green-background: #e8f5e9;
  --teal-primary: #00897b;
  --teal-secondary: #00bfa5;
  --teal-tertiary: #004d40;
  --teal-background: #e0f2f1;
  --cyan-primary: #00bcd4;
  --cyan-secondary: #00e5ff;
  --cyan-tertiary: #00838f;
  --cyan-background: #b2ebf2;
  --light-blue-primary: #29b6f6;
  --light-blue-secondary: #80d8ff;
  --light-blue-tertiary: #0277bd;
  --light-blue-background: #b3e5fc;
  --indigo-primary: #8c9eff;
  --indigo-secondary: #9fa8da;
  --indigo-tertiary: #5c6bc0;
  --indigo-background: #c5cae9;
  --purple-primary: #ce93d8;
  --purple-secondary: #ea80fc;
  --purple-tertiary: #9c27b0;
  --purple-background: #e1bee7;
  --pink-primary: #f06292;
  --pink-secondary: #f48fb1;
  --pink-tertiary: #d81b60;
  --pink-background: #f8bbd0;

  --brand-primary: #004386;
  --brand-secondary: #194de5;
  --brand-tertiary: #002e99;
  --brand-accent: #fa6b00;
  --surface-background: #f2f6f9;
  --surface-inverse: #2e3338;
  --surface-transparent: #fff0;
  --surface-primary: #fff;
  --surface-primary-hover: #00438614;
  --surface-primary-active: #00438629;
  --surface-secondary: #f1f2f4;
  --surface-secondary-hover: #dee4eb;
  --surface-secondary-active: #cad6e2;
  --surface-tertiary: #c7ccd1;
  --surface-tertiary-hover: #b7c1cb;
  --surface-tertiary-active: #a7b6c5;
  --surface-brand-primary: #004386;
  --surface-brand-primary-rgb: 0, 67, 134;
  --surface-brand-primary-hover: #3073b6;
  --surface-brand-primary-active: #001f3e;
  --surface-brand-primary-disabled: #63a6e9;
  --surface-brand-secondary: #194de5;
  --surface-brand-secondary-rgb: 25, 77, 229;
  --surface-brand-secondary-hover: #537fff;
  --surface-brand-secondary-active: #184ce4;
  --surface-brand-secondary-disabled: #97b1ff;
  --surface-brand-tertiary: #002e99;
  --surface-brand-tertiary-hover: #3a68d3;
  --surface-brand-tertiary-active: #0735a0;
  --surface-brand-tertiary-disabled: #709bff;
  --surface-brand-accent: #fa6b00;
  --surface-brand-accent-rgb: 250, 107, 0;
  --surface-brand-accent-hover: #ff9d53;
  --surface-brand-accent-hover-rgb: 255, 164, 53;
  --surface-brand-accent-active: #b94f00;
  --surface-brand-accent-disabled: #ffbe8d;
  --on-surface-inverse: #fff;
  --on-surface-primary: #171a1c;
  --on-surface-primary-disabled: #8b8c8e;
  --on-surface-secondary: #8f99a3;
  --on-surface-secondary-disabled: #c7ccd1;
  --on-surface-tertiary: #fff;
  --on-surface-tertiary-disabled: #ffffff80;
  --on-surface-brand-primary: #004386;
  --on-surface-brand-primary-hover: #3073b6;
  --on-surface-brand-primary-active: #001f3e;
  --on-surface-brand-primary-disabled: #63a6e9;
  --on-surface-brand-secondary: #194de5;
  --on-surface-brand-secondary-hover: #537fff;
  --on-surface-brand-secondary-active: #184ce4;
  --on-surface-brand-secondary-disabled: #97b1ff;
  --on-surface-brand-tertiary: #002e99;
  --on-surface-brand-tertiary-hover: #3a68d3;
  --on-surface-brand-tertiary-active: #0735a0;
  --on-surface-brand-tertiary-disabled: #709bff;
  --on-surface-brand-accent: #fa6b00;
  --on-surface-brand-accent-hover: #ff9d53;
  --on-surface-brand-accent-active: #b94f00;
  --on-surface-brand-accent-disabled: #ffbe8d;
  --on-surface-error: #a51919;
  --on-surface-error-disabled: #d28c8c;
  --on-surface-textlink: #194de5;
  --on-surface-textlink-hover: #537fff;
  --border-primary: #8f99a3;
  --border-primary-hover: #171a1c;
  --border-primary-disabled: #c7ccd1;
  --border-secondary: #abb2ba;
  --border-secondary-disabled: #d5d9dd;
  --border-tertiary: #fff;
  --border-tertiary-disabled: #ffffff80;
  --border-brand-primary: #004386;
  --border-brand-primary-disabled: #63a6e9;
  --border-brand-secondary: #194de5;
  --border-brand-secondary-disabled: #94b4ff;
  --shadow-1: #194de54d;
  --shadow-2: #0003;
  --overlay: #00000080;
  --disabled: #ffffff80;
  --gradation-1: linear-gradient(92deg, var(--surface-brand-primary) 4.96%, var(--surface-brand-secondary) 95.04%);
  --gradation-1-hover: linear-gradient(92deg, rgba(var(--surface-brand-primary-rgb), .7) 4.96%, rgba(var(--surface-brand-secondary-rgb), .7) 95.04%);
  --gradation-2: linear-gradient(90deg, var(--surface-brand-accent) 0%, var(--surface-brand-accent-hover) 100%);
  --gradation-2-hover: linear-gradient(90deg, rgba(var(--surface-brand-accent-rgb), .7) 0%, rgba(var(--surface-brand-accent-hover-rgb), .7) 100%);
}