/* design tokens - dark theme */
:root[data-theme="dark"] {

  --shadow-color: rgba(0, 0, 0, 0.8);

  --neutral-color-100: #000000;
  --neutral-color-90: #1b1b1b;
  --neutral-color-80: #282828;
  --neutral-color-70: #383838;
  --neutral-color-60: #6d6d6d;
  --neutral-color-50: #888888;
  --neutral-color-40: #a0a0a0;
  --neutral-color-30: #b8b8b8;
  --neutral-color-20: #d0d0d0;
  --neutral-color-10: #eeeeee;
  --neutral-color-00: #ffffff;

  --primary-color-100: #000000;
  --primary-color-90: #01111b;
  --primary-color-80: #061c2b;
  --primary-color-70: #0f2c3e;
  --primary-color-60: #1f4055;
  --primary-color-50: #34586e;
  --primary-color-40: #4b6e85;
  --primary-color-30: #7194a9;
  --primary-color-20: #8caabd;
  --primary-color-10: #d9e3ea;
  --primary-color-00: #e8eff4;

  --secondary-color-100: #000000;
  --secondary-color-90: #2e1502;
  --secondary-color-80: #512402;
  --secondary-color-70: #743504;
  --secondary-color-60: #af520c;
  --secondary-color-50: #e5711a;
  --secondary-color-40: #ef8433;
  --secondary-color-30: #f79951;
  --secondary-color-20: #f4b482;
  --secondary-color-10: #f4d0ba;
  --secondary-color-00: #f8ebe2;

  --accent-color-100: #120018;
  --accent-color-90: #290536;
  --accent-color-80: #350844;
  --accent-color-70: #410e53;
  --accent-color-60: #531767;
  --accent-color-50: #642479;
  --accent-color-40: #7f3f94;
  --accent-color-30: #a062b5;
  --accent-color-20: #bc84cf;
  --accent-color-10: #e0b9ed;
  --accent-color-00: #fbeeff;

  --info-color-100: #000000;
  --info-color-90: #001d25;
  --info-color-80: #023d4f;
  --info-color-70: #05566e;
  --info-color-60: #0c6a87;
  --info-color-50: #1587aa;
  --info-color-40: #5cb7d3;
  --info-color-30: #9fd2e1;
  --info-color-20: #c8dee5;
  --info-color-10: #d4e6ec;
  --info-color-00: #f0f8fa;

  --warning-color-100: #121200;
  --warning-color-90: #343301;
  --warning-color-80: #484704;
  --warning-color-70: #69680c;
  --warning-color-60: #7f7d18;
  --warning-color-50: #9d9b26;
  --warning-color-40: #adac42;
  --warning-color-30: #b8b768;
  --warning-color-20: #d2d19d;
  --warning-color-10: #e9e9cb;
  --warning-color-00: #fcfcf1;

  --success-color-100: #001201;
  --success-color-90: #083b0b;
  --success-color-80: #104e14;
  --success-color-70: #28672c;
  --success-color-60: #427a46;
  --success-color-50: #5f9563;
  --success-color-40: #76a979;
  --success-color-30: #9ac29d;
  --success-color-20: #aed2b0;
  --success-color-10: #c9e4cb;
  --success-color-00: #ebf8ec;

  --error-color-100: #0e0001;
  --error-color-90: #240204;
  --error-color-80: #3c070a;
  --error-color-70: #4a0c10;
  --error-color-60: #5b1418;
  --error-color-50: #732025;
  --error-color-40: #833339;
  --error-color-30: #85494d;
  --error-color-20: #a96a6e;
  --error-color-10: #d8b5b7;
  --error-color-00: #fae9eb;


  /* custom tokens */
  --background-color: var(--neutral-color-100);
  --foreground-color: var(--neutral-color-00);
  --background-accent-color: var(--neutral-color-80);

}