@axa-ch/design-tokens
Version:
AXA Design Tokens
111 lines (109 loc) • 4.35 kB
CSS
/**
* Do not edit directly, this file was auto-generated.
*/
:root {
--color-base-axa-blue: #00008f;
--color-base-axa-red: #ff1721;
--color-greyscale-0: #000000;
--color-greyscale-1: #333333;
--color-greyscale-2: #5f5f5f;
--color-greyscale-3: #7f7f7f;
--color-greyscale-4: #999999;
--color-greyscale-5: #cccccc;
--color-greyscale-6: #e5e5e5;
--color-greyscale-7: #f5f5f5;
--color-greyscale-8: #fafafa;
--color-greyscale-9: #ffffff;
--color-misc-ocean-blue: #4976ba;
--color-misc-teal: #027180;
--color-misc-viridian-green: #668980;
--color-misc-pacific: #00adc6;
--color-misc-greyjoy: #9fbeaf;
--color-misc-aqua-green: #9fd9b4;
--color-misc-tosca: #914146;
--color-misc-azalea: #e196aa;
--color-misc-cotton-candy: #fad6de;
--color-misc-apache: #bc9d45;
--color-misc-dune: #fcd385;
--color-misc-acid: #f0ff93;
--color-misc-logan: #9190ac;
--color-misc-igloo: #b5d0ee;
--color-status-malachite: #1cc54e;
--color-status-shy-tomato: #c91432;
--color-ui-design-burnt-sienna: #f07662;
--color-base-axa-blue-20: #cccce9;
--color-base-axa-blue-dark: #000072;
--color-base-axa-blue-light: #4040ab;
--color-base-axa-red-20: #ffd1d3;
--color-base-axa-red-dark: #cc121a;
--color-base-axa-red-light: #ff5159;
--color-misc-ocean-blue-20: #dbe4f1;
--color-misc-ocean-blue-dark: #3a5e95;
--color-misc-ocean-blue-light: #7798cb;
--color-misc-teal-20: #cce3e6;
--color-misc-teal-dark: #025a66;
--color-misc-teal-light: #4195a0;
--color-misc-viridian-green-20: #e0e7e6;
--color-misc-viridian-green-dark: #526e66;
--color-misc-viridian-green-light: #8ca7a0;
--color-misc-viridia-green: var(--color-misc-viridian-green);
--color-misc-pacific-20: #cceff4;
--color-misc-pacific-dark: #008a9e;
--color-misc-pacific-light: #40c2d4;
--color-misc-greyjoy-20: #ecf2ef;
--color-misc-greyjoy-dark: #7f988c;
--color-misc-greyjoy-light: #b7cec3;
--color-misc-aqua-green-20: #ecf7f0;
--color-misc-aqua-green-dark: #7fae90;
--color-misc-aqua-green-light: #b7e3c7;
--color-misc-tosca-20: #e9d9da;
--color-misc-tosca-dark: #743438;
--color-misc-tosca-light: #ad7174;
--color-misc-azalea-20: #f9eaee;
--color-misc-azalea-dark: #b47888;
--color-misc-azalea-light: #e9b0bf;
--color-misc-cotton-candy-20: #fef7f8;
--color-misc-cotton-candy-dark: #c8abb2;
--color-misc-cotton-candy-light: #fbe0e6;
--color-misc-apache-20: #f2ebda;
--color-misc-apache-dark: #967e37;
--color-misc-apache-light: #cdb674;
--color-misc-dune-20: #fef6e7;
--color-misc-dune-dark: #caa96a;
--color-misc-dune-light: #fddea4;
--color-misc-acid-20: #fcffe9;
--color-misc-acid-dark: #c0cc76;
--color-misc-acid-light: #f4ffae;
--color-misc-logan-20: #e9e9ee;
--color-misc-logan-dark: #74738a;
--color-misc-logan-light: #adacc1;
--color-misc-igloo-20: #f0f6fc;
--color-misc-igloo-dark: #91a6be;
--color-misc-igloo-light: #c8dcf2;
--color-status-malachite-20: #d2f3dc;
--color-status-malachite-dark: #169e3e;
--color-status-malachite-light: #55d47a;
--color-status-shy-tomato-20: #f4d0d6;
--color-status-shy-tomato-dark: #a11028;
--color-status-shy-tomato-light: #d74f65;
--color-ui-design-axa-blue: var(--color-base-axa-blue);
--color-ui-design-burnt-sienna-20: #fce4e0;
--color-ui-design-burnt-sienna-dark: #c05e4e;
--color-ui-design-burnt-sienna-light: #f49889;
--color-ui-design-black: var(--color-greyscale-0);
--color-ui-design-dark-grey: var(--color-greyscale-1);
--color-ui-design-medium-grey: var(--color-greyscale-2);
--color-ui-design-grey: var(--color-greyscale-3);
--color-ui-design-light-grey: var(--color-greyscale-4);
--color-ui-design-silver: var(--color-greyscale-5);
--color-ui-design-mercury: var(--color-greyscale-6);
--color-ui-design-wild-sand: var(--color-greyscale-7);
--color-ui-design-alabaster: var(--color-greyscale-8);
--color-ui-design-white: var(--color-greyscale-9);
--color-misc-viridia-green-20: var(--color-misc-viridian-green-20);
--color-misc-viridia-green-dark: var(--color-misc-viridian-green-dark);
--color-misc-viridia-green-light: var(--color-misc-viridian-green-light);
--color-ui-design-axa-blue-20: var(--color-base-axa-blue-20);
--color-ui-design-axa-blue-dark: var(--color-base-axa-blue-dark);
--color-ui-design-axa-blue-light: var(--color-base-axa-blue-light);
}