kodadot/nft-gallery

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --white: #ffffff;
    --black: #000000;
    --k-accent-light-3: #ffaee1;
    --steps-active-color: 97 136 231;
  }

  :root,
  :root .light {
    --text-color: 0 0 0;
    --text-color-inverse: var(--white);
    --border-color: var(--black);
    --background-color: var(--white);
    --background-color-inverse: #191718;
    --link-hover: #6b6b6b;
    --k-accent: #ff7ac3;
    --k-accent2: #ff7ac3;
    --k-accent-light: #ffe5f3;
    --k-accent-hover: #ffe5f3;
    --k-accent-light-2: #ffe5f3;
    --k-accent-light-2-dark: #363234;
    --k-accent-light-2-dark-head: #191718;
    --k-accent-light-2-dark-paragraph: #191718;
    --k-green: #04af00;
    --k-green-light: #f3fbf3;
    --k-red: #ff5757;
    --k-orange: #cf9a10;
    --k-orange-light: #FFD379;
    --k-orange2: #B88910;
    --k-orange3: #875100;
    --k-orange4: #F69E28;
    --k-red-accent: #ffb6b6;
    --k-red-accent-2: #ffe6e6;
    --k-grey: #999999;
    --k-grey-fix: #999999;
    --k-grey-light: 245 245 245;
    --k-pink: #ffb6ef;
    --k-yellow: #feffb6;
    --k-yellow-light: #FEF3E1;
    --k-blue-accent: #b6cbff;
    --k-aqua-blue: #cafdf4;
    --k-green-accent: #c2ffac;
    --k-green-accent-2: #e6f7e6;
    --k-hover-grey: #6b6b6b;
    --k-blue: #6188e7;
    --k-blue-hover: #3567e0;
    --k-blue-light: #e8edfb;
    --k-primary: #ff7ac3;
    --k-primary-light: #fff0f8;
    --k-shade: 204 204 204;
    --k-shade2: #cccccc;
    --placeholder-color: #cccccc;
    --primary-shadow: 4px 4px #000;
    --disabled: #f3f3f3;
    --card-border-color: #999999;
    --card-border-color-light: #cccccc;
    --green-border-color: #04af00;
    --blue-accent-bg-color: #b6cbff;
    --blue-light-hover-color: #e8edfb;
    --card-hover-opacity: 0.85;
    --separator-line-color: #cccccc;
    --toggle-primary: #ff7ac3;
    --toggle-active-switch: #d9d9d9;
    --purple-light-color: #DFD0FB;
    --purple-dark-color: #805DC3;
  }

  .dark {
    --black: #191718;
    --text-color: 255 255 255;
    --text-color-inverse: var(--black);
    --background-color: #191718;
    --background-color-inverse: var(--white);
    --link-hover: #cccccc;
    --border-color: var(--white);
    --k-accent: #191718;
    --k-accent-light: #ff7ac3;
    --k-accent2: var(--white);
    --k-accent-hover: #363234;
    --k-accent-light-2: #363234;
    --k-accent-light-2-dark: var(--white);
    --k-accent-light-2-dark-head: var(--white);
    --k-accent-light-2-dark-paragraph: #b9b9b9;
    --k-red-accent: #b52c2c;
    --k-red-accent-2: #390b0b;
    --k-grey: #cccccc;
    --k-grey-fix: #999999;
    --k-grey-light: 31 31 31;
    --k-pink: #7a2a68;
    --k-orange-light: #3F3500;
    --k-orange2: #CF9A10;
    --k-orange3: #c79c37;
    --k-orange4: #B07219;
    --k-yellow: #363234;
    --k-yellow-light: #3F3500;
    --k-blue-accent: #2e50a2;
    --k-aqua-blue: #106153;
    --k-green-light: #0a3009;
    --k-green-accent: #056a02;
    --k-green-accent-2: #0a3009;
    --k-blue-light: #363234;
    --k-primary-light: #363234;
    --k-shade: 153 153 153;
    --k-shade2: #454545;
    --primary-shadow: 4px 4px #fff;
    --disabled: var(--black);
    --card-border-color: #6b6b6b;
    --card-border-color-light: #6b6b6b;
    --green-border-color: #056a02;
    --blue-accent-bg-color: #363234;
    --blue-light-hover-color: #363234;
    --blue-light-cards: #121d39;
    --card-hover-opacity: 0.8;
    --separator-line-color: #6b6b6b;
    --toggle-primary: var(--white);
    --toggle-active-switch: #363234;
    --purple-light-color: #5B428D;
    --purple-dark-color: #E2D6F7;

  }

  *,
  :after,
  :before {
    border: 0 solid currentColor;
  }
}