tailwind.css

@import "tailwindcss/base";
@import "tailwindcss/components";
@import './components';
@import "tailwindcss/utilities";
@import './edm-utilities';

:root {
  --font-family-one: Inter, sans-serif;
  --font-weight-black: 900;
  --font-weight-bold: 700;
  --font-weight-normal: 400;
  --font-weight-thin: 200;
  --theme-color-error-one: theme('colors.red-100');
  --theme-color-error-two: theme('colors.red-900');
  --theme-color-bg-one: theme('colors.white');
  --theme-color-bg-two: theme('colors.grey-300');
  --theme-color-bg-three: theme('colors.grey-100');
  --theme-color-bg-four: theme('colors.blue-500');
  --theme-color-bg-five: theme('colors.blue-900');
  --theme-color-bg-six: theme('colors.grey-300');
  --theme-color-bg-seven: theme('colors.grey-500');
  --theme-color-bg-eight: theme('colors.blue-100');
  --theme-color-bg-nine: rgba(3, 169, 244, 0.75);
  --theme-color-bg-ten: rgba(224, 224, 224, 0.75);
  --theme-color-bg-eleven: rgba(39, 39, 39, 0.80);
  --theme-color-border-one: theme('colors.grey-300');
  --theme-color-border-two: theme('colors.grey-400');
  --theme-color-border-three: theme('colors.grey-300');
  --theme-color-border-four: theme('colors.blue-500');
  --theme-color-border-five: theme('colors.grey-300');
  --theme-color-border-six: theme('colors.grey-400');
  --theme-color-border-seven: theme('colors.blue-800');
  --theme-color-placeholder-one: theme('colors.grey-500');
  --theme-color-placeholder-two: theme('colors.blue-500');
  --theme-color-text-one: theme('colors.grey-600');
  --theme-color-text-two: theme('colors.blue-500');
  --theme-color-text-three: theme('colors.grey-900');
  --theme-color-text-four: theme('colors.white');
  --theme-color-text-five: theme('colors.grey-800');
  --theme-color-text-six: theme('colors.grey-400');
  --theme-color-text-seven: theme('colors.blue-300');
  --theme-color-text-eight: theme('colors.blue-800');
  --theme-color-text-nine: theme('colors.grey-700');
  --theme-color-text-link: theme('colors.blue-500');
  --stroke-width-thin: 2;
  --stroke-width-normal: 3;
  --stroke-width-fat: 4;
}

:root[data-theme="dark"] {
  --font-family-one: Inter, sans-serif;
  --font-weight-black: 900;
  --font-weight-bold: 700;
  --font-weight-normal: 400;
  --font-weight-thin: 200;
  --theme-color-error-one: theme('colors.red-100');
  --theme-color-error-two: theme('colors.red-900');
  --theme-color-bg-one: theme('colors.grey-800');
  --theme-color-bg-two: theme('colors.grey-300');
  --theme-color-bg-three: theme('colors.grey-600');
  --theme-color-bg-four: theme('colors.light-green-500');
  --theme-color-bg-five: theme('colors.light-green-900');
  --theme-color-bg-six: theme('colors.grey-600');
  --theme-color-bg-seven: theme('colors.grey-400');
  --theme-color-bg-eight: theme('colors.light-green-100');
  --theme-color-bg-nine: rgba(139, 195, 74, 0.75);
  --theme-color-bg-ten: rgba(224, 224, 224, 0.75);
  --theme-color-bg-eleven: rgba(39, 39, 39, 0.80);
  --theme-color-border-one: theme('colors.grey-700');
  --theme-color-border-two: theme('colors.grey-900');
  --theme-color-border-three: theme('colors.grey-800');
  --theme-color-border-four: theme('colors.light-green-500');
  --theme-color-border-five: theme('colors.grey-600');
  --theme-color-border-six: theme('colors.grey-400');
  --theme-color-border-seven: theme('colors.light-green-800');
  --theme-color-placeholder-one: theme('colors.grey-500');
  --theme-color-placeholder-two: theme('colors.light-green-500');
  --theme-color-text-one: theme('colors.grey-400');
  --theme-color-text-two: theme('colors.light-green-500');
  --theme-color-text-three: theme('colors.grey-900');
  --theme-color-text-four: theme('colors.grey-800');
  --theme-color-text-five: theme('colors.grey-200');
  --theme-color-text-six: theme('colors.grey-500');
  --theme-color-text-seven: theme('colors.light-green-300');
  --theme-color-text-eight: theme('colors.light-green-800');
  --theme-color-text-nine: theme('colors.grey-700');
  --theme-color-text-link: theme('colors.light-green-500');
  --stroke-width-thin: 3;
  --stroke-width-normal: 4;
  --stroke-width-fat: 5;
}