@devoinc/genesys-brand-devo/dist/dark/css/dev/tokens.css.global.css

Devo brand tokens

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --global-color-blend-black-10: rgba(0,0,0,.4);
  --global-color-blend-black-11: rgba(0,0,0,.44);
  --global-color-blend-black-12: rgba(0,0,0,.48);
  --global-color-blend-black-13: rgba(0,0,0,.52);
  --global-color-blend-black-14: rgba(0,0,0,.56);
  --global-color-blend-black-15: rgba(0,0,0,.6);
  --global-color-blend-black-16: rgba(0,0,0,.64);
  --global-color-blend-black-17: rgba(0,0,0,.68);
  --global-color-blend-black-18: rgba(0,0,0,.72);
  --global-color-blend-black-19: rgba(0,0,0,.76);
  --global-color-blend-black-20: rgba(0,0,0,.8);
  --global-color-blend-black-21: rgba(0,0,0,.84);
  --global-color-blend-black-22: rgba(0,0,0,.88);
  --global-color-blend-black-23: rgba(0,0,0,.92);
  --global-color-blend-black-24: rgba(0,0,0,.96);
  --global-color-blend-black-25: rgba(0,0,0,1);
  --global-color-blend-black-01: rgba(0,0,0,.04);
  --global-color-blend-black-02: rgba(0,0,0,.08);
  --global-color-blend-black-03: rgba(0,0,0,.12);
  --global-color-blend-black-04: rgba(0,0,0,.16);
  --global-color-blend-black-05: rgba(0,0,0,.2);
  --global-color-blend-black-06: rgba(0,0,0,.24);
  --global-color-blend-black-07: rgba(0,0,0,.28);
  --global-color-blend-black-08: rgba(0,0,0,.32);
  --global-color-blend-black-09: rgba(0,0,0,.36);
  --global-color-blend-white-10: rgba(255,255,255,.4);
  --global-color-blend-white-11: rgba(255,255,255,.44);
  --global-color-blend-white-12: rgba(255,255,255,.48);
  --global-color-blend-white-13: rgba(255,255,255,.52);
  --global-color-blend-white-14: rgba(255,255,255,.56);
  --global-color-blend-white-15: rgba(255,255,255,.6);
  --global-color-blend-white-16: rgba(255,255,255,.64);
  --global-color-blend-white-17: rgba(255,255,255,.68);
  --global-color-blend-white-18: rgba(255,255,255,.72);
  --global-color-blend-white-19: rgba(255,255,255,.76);
  --global-color-blend-white-20: rgba(255,255,255,.8);
  --global-color-blend-white-21: rgba(255,255,255,.84);
  --global-color-blend-white-22: rgba(255,255,255,.88);
  --global-color-blend-white-23: rgba(255,255,255,.92);
  --global-color-blend-white-24: rgba(255,255,255,.96);
  --global-color-blend-white-25: rgba(255,255,255,1);
  --global-color-blend-white-01: rgba(255,255,255,.04);
  --global-color-blend-white-02: rgba(255,255,255,.08);
  --global-color-blend-white-03: rgba(255,255,255,.12);
  --global-color-blend-white-04: rgba(255,255,255,.16);
  --global-color-blend-white-05: rgba(255,255,255,.2);
  --global-color-blend-white-06: rgba(255,255,255,.24);
  --global-color-blend-white-07: rgba(255,255,255,.28);
  --global-color-blend-white-08: rgba(255,255,255,.32);
  --global-color-blend-white-09: rgba(255,255,255,.36);
  --global-color-error-10: #45171B;
  --global-color-error-00: #FFF7F7;
  --global-color-error-01: #FAF0F0;
  --global-color-error-02: #FAD4D4;
  --global-color-error-03: #FAB6B6;
  --global-color-error-04: #FA8E8E;
  --global-color-error-05: #E96060;
  --global-color-error-06: #D62433;
  --global-color-error-07: #B80D1B;
  --global-color-error-08: #8F0E19;
  --global-color-error-09: #66141B;
  --global-color-help-10: #0A282B;
  --global-color-help-00: #E6F8FA;
  --global-color-help-01: #D5F6FA;
  --global-color-help-02: #87EDFA;
  --global-color-help-03: #46D7EB;
  --global-color-help-04: #0DC4DE;
  --global-color-help-05: #11A4B8;
  --global-color-help-06: #098091;
  --global-color-help-07: #096673;
  --global-color-help-08: #0A525C;
  --global-color-help-09: #0A3A40;
  --global-color-info-10: #0C2938;
  --global-color-info-00: #F0FAFF;
  --global-color-info-01: #E8F4FA;
  --global-color-info-02: #BBE5FA;
  --global-color-info-03: #8DD4F7;
  --global-color-info-04: #53BAED;
  --global-color-info-05: #229AD6;
  --global-color-info-06: #0C79B0;
  --global-color-info-07: #066391;
  --global-color-info-08: #064D70;
  --global-color-info-09: #093952;
  --global-color-neutral-10: #525E66;
  --global-color-neutral-11: #48545C;
  --global-color-neutral-12: #3C4952;
  --global-color-neutral-13: #333F48;
  --global-color-neutral-14: #233038;
  --global-color-neutral-15: #1F282E;
  --global-color-neutral-16: #182026;
  --global-color-neutral-00: #F5F8FA;
  --global-color-neutral-01: #F0F3F5;
  --global-color-neutral-02: #E1EAF0;
  --global-color-neutral-03: #D3E0E8;
  --global-color-neutral-04: #C3D3DE;
  --global-color-neutral-05: #BAC9D4;
  --global-color-neutral-06: #9DB0BD;
  --global-color-neutral-07: #81919C;
  --global-color-neutral-08: #667580;
  --global-color-neutral-09: #5B6870;
  --global-color-primary-10: #464D00;
  --global-color-primary-00: #FEFFF0;
  --global-color-primary-01: #FCFFDB;
  --global-color-primary-02: #F8FFAD;
  --global-color-primary-03: #EEFA6E;
  --global-color-primary-04: #E5F536;
  --global-color-primary-05: #D7E817;
  --global-color-primary-06: #CCDF00;
  --global-color-primary-07: #B4C400;
  --global-color-primary-08: #9AA800;
  --global-color-primary-09: #727C00;
  --global-color-rating-01: #EBAB00;
  --global-color-rating-02: #FFBF15;
  --global-color-rating-03: #D19800;
  --global-color-secondary-10: #182B42;
  --global-color-secondary-00: #F5F9FF;
  --global-color-secondary-01: #E6EDF5;
  --global-color-secondary-02: #C6DBF5;
  --global-color-secondary-03: #A4C8F5;
  --global-color-secondary-04: #7FB4F5;
  --global-color-secondary-05: #5893DB;
  --global-color-secondary-06: #2A6CBD;
  --global-color-secondary-07: #16529C;
  --global-color-secondary-08: #0C4080;
  --global-color-secondary-09: #103663;
  --global-color-social-twitter-01: #1DA1F2;
  --global-color-social-linkedin-01: #007BB5;
  --global-color-social-youtube-01: #FF0000;
  --global-color-social-google-plus-01: #DB4437;
  --global-color-success-10: #0A2E22;
  --global-color-success-00: #F0FFFA;
  --global-color-success-01: #E1FAF2;
  --global-color-success-02: #8EF5D3;
  --global-color-success-03: #46E3AF;
  --global-color-success-04: #1EC990;
  --global-color-success-05: #0AA672;
  --global-color-success-06: #03855A;
  --global-color-success-07: #056B49;
  --global-color-success-08: #07543A;
  --global-color-success-09: #09402E;
  --global-color-visualization-blue-10: #15233b;
  --global-color-visualization-blue-01: #f0f5fc;
  --global-color-visualization-blue-02: #cfe0fc;
  --global-color-visualization-blue-03: #accbfc;
  --global-color-visualization-blue-04: #84b1fa;
  --global-color-visualization-blue-05: #5691f0;
  --global-color-visualization-blue-06: #3272d9;
  --global-color-visualization-blue-07: #1d5bbf;
  --global-color-visualization-blue-08: #114599;
  --global-color-visualization-blue-09: #103570;
  --global-color-visualization-bronze-10: #33210C;
  --global-color-visualization-bronze-01: #fcf2e6;
  --global-color-visualization-bronze-02: #fad8af;
  --global-color-visualization-bronze-03: #f5bc76;
  --global-color-visualization-bronze-04: #e89c3f;
  --global-color-visualization-bronze-05: #cf7911;
  --global-color-visualization-bronze-06: #ad5f00;
  --global-color-visualization-bronze-07: #8a4d03;
  --global-color-visualization-bronze-08: #693d07;
  --global-color-visualization-bronze-09: #4d2f0b;
  --global-color-visualization-dusk-10: #282436;
  --global-color-visualization-dusk-01: #f4f2f7;
  --global-color-visualization-dusk-02: #e3dcf7;
  --global-color-visualization-dusk-03: #cec2f0;
  --global-color-visualization-dusk-04: #b5a6e3;
  --global-color-visualization-dusk-05: #9886cf;
  --global-color-visualization-dusk-06: #7a68b3;
  --global-color-visualization-dusk-07: #645396;
  --global-color-visualization-dusk-08: #4f4178;
  --global-color-visualization-dusk-09: #3a3154;
  --global-color-visualization-green-10: #112b1b;
  --global-color-visualization-green-01: #e1faeb;
  --global-color-visualization-green-02: #abedc5;
  --global-color-visualization-green-03: #7ddba3;
  --global-color-visualization-green-04: #57c282;
  --global-color-visualization-green-05: #3ba164;
  --global-color-visualization-green-06: #2a854e;
  --global-color-visualization-green-07: #20693d;
  --global-color-visualization-green-08: #1a5230;
  --global-color-visualization-green-09: #153d25;
  --global-color-visualization-indigo-10: #020257;
  --global-color-visualization-indigo-01: #f2f2fc;
  --global-color-visualization-indigo-02: #dcdcfc;
  --global-color-visualization-indigo-03: #c2c2fc;
  --global-color-visualization-indigo-04: #a7a7fa;
  --global-color-visualization-indigo-05: #8585f2;
  --global-color-visualization-indigo-06: #6767e6;
  --global-color-visualization-indigo-07: #4d4dd1;
  --global-color-visualization-indigo-08: #3737b3;
  --global-color-visualization-indigo-09: #28288a;
  --global-color-visualization-magenta-10: #421527;
  --global-color-visualization-magenta-01: #faf0f4;
  --global-color-visualization-magenta-02: #fad4e4;
  --global-color-visualization-magenta-03: #fab4d1;
  --global-color-visualization-magenta-04: #f78bb8;
  --global-color-visualization-magenta-05: #ed5393;
  --global-color-visualization-magenta-06: #d6246e;
  --global-color-visualization-magenta-07: #b01355;
  --global-color-visualization-magenta-08: #8a1244;
  --global-color-visualization-magenta-09: #611535;
  --global-color-visualization-purple-10: #371c52;
  --global-color-visualization-purple-01: #f5f0fa;
  --global-color-visualization-purple-02: #ead9fa;
  --global-color-visualization-purple-03: #dabcf7;
  --global-color-visualization-purple-04: #c79bf2;
  --global-color-visualization-purple-05: #ae74e8;
  --global-color-visualization-purple-06: #9656d6;
  --global-color-visualization-purple-07: #7d3cbd;
  --global-color-visualization-purple-08: #642b9e;
  --global-color-visualization-purple-09: #4b2175;
  --global-color-visualization-red-10: #451717;
  --global-color-visualization-red-01: #faf0f0;
  --global-color-visualization-red-02: #fad4d4;
  --global-color-visualization-red-03: #fab6b6;
  --global-color-visualization-red-04: #fa8e8e;
  --global-color-visualization-red-05: #f55353;
  --global-color-visualization-red-06: #de1b1b;
  --global-color-visualization-red-07: #B80D0D;
  --global-color-visualization-red-08: #8f0e0e;
  --global-color-visualization-red-09: #661414;
  --global-color-visualization-sky-10: #0c2938;
  --global-color-visualization-sky-01: #e8f4fa;
  --global-color-visualization-sky-02: #bbe5fa;
  --global-color-visualization-sky-03: #8dd4f7;
  --global-color-visualization-sky-04: #53baed;
  --global-color-visualization-sky-05: #229ad6;
  --global-color-visualization-sky-06: #0c7bb3;
  --global-color-visualization-sky-07: #066391;
  --global-color-visualization-sky-08: #064d70;
  --global-color-visualization-sky-09: #093952;
  --global-color-visualization-slate-10: #1D2830;
  --global-color-visualization-slate-01: #edf4f7;
  --global-color-visualization-slate-02: #cbe3f5;
  --global-color-visualization-slate-03: #a7ceeb;
  --global-color-visualization-slate-04: #84b7db;
  --global-color-visualization-slate-05: #5e95bd;
  --global-color-visualization-slate-06: #48799c;
  --global-color-visualization-slate-07: #376180;
  --global-color-visualization-slate-08: #2d4d63;
  --global-color-visualization-slate-09: #243947;
  --global-color-visualization-teal-10: #092b29;
  --global-color-visualization-teal-01: #e4f7f6;
  --global-color-visualization-teal-02: #a8ede9;
  --global-color-visualization-teal-03: #6cd9d2;
  --global-color-visualization-teal-04: #45bfb7;
  --global-color-visualization-teal-05: #28a199;
  --global-color-visualization-teal-06: #17827b;
  --global-color-visualization-teal-07: #116963;
  --global-color-visualization-teal-08: #0d524d;
  --global-color-visualization-teal-09: #0b3d3a;
  --global-color-temperature-10: #48cb67;
  --global-color-temperature-11: #41d246;
  --global-color-temperature-12: #58d53f;
  --global-color-temperature-13: #70d73c;
  --global-color-temperature-14: #84dc38;
  --global-color-temperature-15: #9be232;
  --global-color-temperature-16: #b5e82c;
  --global-color-temperature-17: #d3ed26;
  --global-color-temperature-18: #f3f020;
  --global-color-temperature-19: #f9df1a;
  --global-color-temperature-20: #ffc014;
  --global-color-temperature-21: #fdb017;
  --global-color-temperature-22: #fa9e14;
  --global-color-temperature-23: #f88f16;
  --global-color-temperature-24: #f57d14;
  --global-color-temperature-25: #f36f16;
  --global-color-temperature-26: #f05d14;
  --global-color-temperature-27: #ee5017;
  --global-color-temperature-28: #eb3f14;
  --global-color-temperature-29: #e72d18;
  --global-color-temperature-30: #de1b1b;
  --global-color-temperature-00: #0c7ab0;
  --global-color-temperature-01: #0d84af;
  --global-color-temperature-02: #0f92b3;
  --global-color-temperature-03: #109db2;
  --global-color-temperature-04: #1aa8ad;
  --global-color-temperature-05: #24aea4;
  --global-color-temperature-06: #2db49d;
  --global-color-temperature-07: #3db893;
  --global-color-temperature-08: #45bf8a;
  --global-color-temperature-09: #56c281;
  --global-color-warning-10: #33250C;
  --global-color-warning-00: #FFF9E6;
  --global-color-warning-01: #FAECD5;
  --global-color-warning-02: #FADFAF;
  --global-color-warning-03: #F5C776;
  --global-color-warning-04: #F7B94F;
  --global-color-warning-05: #CF8911;
  --global-color-warning-06: #A76900;
  --global-color-warning-07: #8A5803;
  --global-color-warning-08: #694507;
  --global-color-warning-09: #4D340B;
  --global-mutation-transition-duration-xxs: .075s;
  --global-mutation-transition-duration-xs: .1s;
  --global-mutation-transition-duration-sm: .125s;
  --global-mutation-transition-duration-md: .15s;
  --global-mutation-transition-duration-lg: .2s;
  --global-mutation-transition-duration-xl: .4s;
  --global-mutation-transition-duration-xxl: .5s;
  --global-mutation-transition-duration-xxxl: 1s;
  --global-mutation-transition-duration-xxxxl: 3s;
  --global-shape-border-size-md: 0.1rem;
  --global-shape-border-size-lg: 0.2rem;
  --global-shape-border-size-xl: 0.3rem;
  --global-shape-border-size-xxl: 0.4rem;
  --global-shape-border-size-xxxl: 0.6rem;
  --global-shape-border-radius-sm: 0.2rem;
  --global-shape-border-radius-md: 0.4rem;
  --global-shape-border-radius-lg: 0.6rem;
  --global-shape-border-radius-xl: 0.8rem;
  --global-shape-border-radius-xxl: 1.2rem;
  --global-shape-border-radius-half: 999rem;
  --global-shape-border-radius-circle: 50%;
  --global-shape-opacity-low: .4;
  --global-shape-opacity-medium: .6;
  --global-shape-opacity-high: .8;
  --global-size-width-10: 21.6rem;
  --global-size-width-11: 25.6rem;
  --global-size-width-12: 28.8rem;
  --global-size-width-13: 33.6rem;
  --global-size-width-14: 40rem;
  --global-size-width-15: 48rem;
  --global-size-width-16: 57.6rem;
  --global-size-width-17: 64rem;
  --global-size-width-18: 73.6rem;
  --global-size-width-19: 86.4rem;
  --global-size-width-20: 99.2rem;
  --global-size-width-01: 2.4rem;
  --global-size-width-02: 3.2rem;
  --global-size-width-03: 4rem;
  --global-size-width-04: 4.8rem;
  --global-size-width-05: 5.6rem;
  --global-size-width-06: 6.4rem;
  --global-size-width-07: 8rem;
  --global-size-width-08: 11.2rem;
  --global-size-width-09: 14.4rem;
  --global-size-height-10: 4rem;
  --global-size-height-11: 4.8rem;
  --global-size-height-12: 5.6rem;
  --global-size-height-13: 6.4rem;
  --global-size-height-14: 7.2rem;
  --global-size-height-15: 9.6rem;
  --global-size-height-01: 0.4rem;
  --global-size-height-02: 0.8rem;
  --global-size-height-03: 1.2rem;
  --global-size-height-04: 1.6rem;
  --global-size-height-05: 2rem;
  --global-size-height-06: 2.4rem;
  --global-size-height-07: 2.8rem;
  --global-size-height-08: 3.2rem;
  --global-size-height-09: 3.6rem;
  --global-size-square-10: 2.8rem;
  --global-size-square-11: 3.2rem;
  --global-size-square-12: 4rem;
  --global-size-square-13: 4.8rem;
  --global-size-square-14: 5.6rem;
  --global-size-square-15: 6.4rem;
  --global-size-square-16: 8rem;
  --global-size-square-17: 11.2rem;
  --global-size-square-18: 14.4rem;
  --global-size-square-00: 0.6rem;
  --global-size-square-01: 0.8rem;
  --global-size-square-02: 1rem;
  --global-size-square-03: 1.2rem;
  --global-size-square-04: 1.4rem;
  --global-size-square-05: 1.6rem;
  --global-size-square-06: 1.8rem;
  --global-size-square-07: 2rem;
  --global-size-square-08: 2.2rem;
  --global-size-square-09: 2.4rem;
  --global-space-10: 9.6rem;
  --global-space-11: 12.8rem;
  --global-space-12: 16rem;
  --global-space-01: 0.4rem;
  --global-space-02: 0.8rem;
  --global-space-03: 1.2rem;
  --global-space-04: 1.6rem;
  --global-space-05: 2.4rem;
  --global-space-06: 3.2rem;
  --global-space-07: 4rem;
  --global-space-08: 4.8rem;
  --global-space-09: 6.4rem;
  --global-typo-font-family-primary-font-face-name: 'Devo Font', sans-serif;
  --global-typo-font-family-primary-original-name: Museo Sans;
  --global-typo-font-family-secondary-font-face-name: 'Devo Font', sans-serif;
  --global-typo-font-family-secondary-original-name: Museo Sans;
  --global-typo-font-family-mono-font-face-name: 'Mono Font', monospace;
  --global-typo-font-family-mono-original-name: JetBrains Mono;
  --global-typo-font-family-icon-base-font-face-name: 'lt-iconfont', sans-serif;
  --global-typo-font-family-icon-base-original-name: 'lt-iconfont', sans-serif;
  --global-typo-font-family-icon-alt-font-face-name: 'LtAppFont', sans-serif;
  --global-typo-font-family-icon-alt-original-name: 'LtAppFont', sans-serif;
  --global-typo-font-size-10: 2.8rem;
  --global-typo-font-size-11: 3.2rem;
  --global-typo-font-size-12: 3.6rem;
  --global-typo-font-size-13: 4.2rem;
  --global-typo-font-size-14: 4.8rem;
  --global-typo-font-size-15: 5.4rem;
  --global-typo-font-size-16: 6rem;
  --global-typo-font-size-base: 16px;
  --global-typo-font-size-base-web: 10px;
  --global-typo-font-size-01: 1rem;
  --global-typo-font-size-02: 1.1rem;
  --global-typo-font-size-03: 1.2rem;
  --global-typo-font-size-04: 1.3rem;
  --global-typo-font-size-05: 1.4rem;
  --global-typo-font-size-06: 1.6rem;
  --global-typo-font-size-07: 1.8rem;
  --global-typo-font-size-08: 2rem;
  --global-typo-font-size-09: 2.4rem;
  --global-typo-font-weight-light: 300;
  --global-typo-font-weight-regular: 500;
  --global-typo-font-weight-bold: 700;
  --global-typo-font-weight-bolder: 900;
  --global-typo-letter-spacing-reset-em: 0;
  --global-typo-letter-spacing-reset-percent: 0%;
  --global-typo-letter-spacing-negative-md-em: -0.01925em;
  --global-typo-letter-spacing-negative-md-percent: -1.925%;
  --global-typo-letter-spacing-negative-lg-em: -0.0385em;
  --global-typo-letter-spacing-negative-lg-percent: -3.85%;
  --global-typo-letter-spacing-positive-sm-em: 0.015em;
  --global-typo-letter-spacing-positive-sm-percent: 1.5%;
  --global-typo-letter-spacing-positive-md-em: 0.03em;
  --global-typo-letter-spacing-positive-md-percent: 3%;
  --global-typo-letter-spacing-positive-lg-em: 0.07em;
  --global-typo-letter-spacing-positive-lg-percent: 7%;
  --global-typo-letter-spacing-positive-xl-em: 0.1325em;
  --global-typo-letter-spacing-positive-xl-percent: 13.25%;
  --global-typo-line-height-relative-reset: 1;
  --global-typo-line-height-relative-sm: 1.2;
  --global-typo-line-height-relative-md: 1.3;
  --global-typo-line-height-relative-lg: 1.45;
  --global-typo-line-height-relative-xl: 1.5;
  --global-typo-line-height-absolute-10: 4rem;
  --global-typo-line-height-absolute-11: 4.4rem;
  --global-typo-line-height-absolute-12: 4.8rem;
  --global-typo-line-height-absolute-13: 5.2rem;
  --global-typo-line-height-absolute-14: 5.6rem;
  --global-typo-line-height-absolute-15: 6.4rem;
  --global-typo-line-height-absolute-01: 1.2rem;
  --global-typo-line-height-absolute-02: 1.4em;
  --global-typo-line-height-absolute-03: 1.6rem;
  --global-typo-line-height-absolute-04: 1.8rem;
  --global-typo-line-height-absolute-05: 2rem;
  --global-typo-line-height-absolute-06: 2.4rem;
  --global-typo-line-height-absolute-07: 2.8rem;
  --global-typo-line-height-absolute-08: 3.2rem;
  --global-typo-line-height-absolute-09: 3.6rem;
}