:root {
  --primitive-primary-800: #0a1e57;
  --primitive-primary-600: #29438d;
  --primitive-primary-400: #3b57a6;
  --primitive-primary-100: #d6dbe9;
  --primitive-primary-050: #f4f5f9;

  --primitive-neutral-900: #1e1e1e;
  --primitive-neutral-800: #373737;
  --primitive-neutral-700: #505050;
  --primitive-neutral-600: #696969;
  --primitive-neutral-500: #828282;
  --primitive-neutral-400: #9b9b9b;
  --primitive-neutral-300: #b4b4b4;
  --primitive-neutral-200: #cdcdcd;
  --primitive-neutral-100: #e6e6e6;
  --primitive-neutral-050: #f5f5f5;
  --primitive-neutral-000: #fff;

  --primitive-success-800: #003f00;
  --primitive-success-500: #006300;
  --primitive-success-200: #eefbef;

  --primitive-danger-800: #60090d;
  --primitive-danger-500: #95090f;
  --primitive-danger-200: #fceff0;

  --primitive-warning-800: #533e02;
  --primitive-warning-500: #856404;
  --primitive-warning-200: #fffcd3;

  --primitive-info-800: #112b6c;
  --primitive-info-500: #11379b;
  --primitive-info-200: #ebf0fa;

  --level1_bg-color: #f9f9f9;
  --level1_text-color: #000;
  --level1_link-color: #626262;
  --level1_link-hover-color: orange;

  --level2_bg-color: #ffffff;
  --level2_text-color: #1e1e1e;
  --level2_link-color: #605c5c;
  --level2_link-hover-color: #1e1e1e;

  --level3_bg-color: #fff;
  --level3_text-color: #222;
  --level3_link-color: #4c4c4d;
  --level3_link-hover-color: #000;
  --level3_link-hover-bg-color: grey;

  --sidebar-bg-color: #29438d;
  --sidebar-text-color: #fff;
  --sidebar-text-hover-color: orange;

  --menu-bg-color: #fff;
  --menu-text-color: #aaa;
  --menu-text-hover-bg-color: #444;
  --menu-text-hover-color: #fff;
  --menu-link-color: #666;

  --card_header-bg-color: #404040;
  --card_header-text-color: #fff;
  --card_bg-color: #282828;
  --card_text-color: #fff;
  --card_link-color: #ffe1a7;
  --card_link-hover-color: #ffc107;

  --btn-bg-color: #fff;
  --btn-text-color: #495057;
  --btn-border-color: #97b0c7;

  --badge-tags-bg-color: #ffc107;
  --badge-tags-bg-hover-color: #ffe1a7;
  --badge-tags-text-color: #212529;

  --form-text-color: #000;
  --form-border-color: #586069;
  --form-bg-color: #fff;

  --form-select-focused-color: lightgrey;
  --form-select-focused-text-color: white;
  --form-select-heading-color: yellow;
  --form-select-hover-color: lightgrey;
  --form-select-hover-text-color: white;

  --info-color: var(--primitive-info-500);
  --info-color-bg: var(--primitive-info-200);
  --info-color-800: var(--primitive-info-800);

  --success-color: var(--primitive-success-500);
  --success-color-bg: var(--primitive-success-200);
  --success-color-800: var(--primitive-success-800);

  --warning-color: var(--primitive-warning-500);
  --warning-color-bg: var(--primitive-warning-200);
  --warning-color-800: var(--primitive-warning-800);

  --danger-color: var(--primitive-danger-500);
  --danger-color-bg: var(--primitive-danger-200);
  --danger-color-800: var(--primitive-danger-800);

  --neutral-color: var(--primitive-neutral-500);
  --neutral-color-bg: var(--primitive-neutral-100);
  --neutral-color-900: var(--primitive-neutral-900);
  --neutral-color-800: var(--primitive-neutral-800);
  --neutral-color-700: var(--primitive-neutral-700);
  --neutral-color-600: var(--primitive-neutral-600);
  --neutral-color-400: var(--primitive-neutral-400);
  --neutral-color-300: var(--primitive-neutral-300);
  --neutral-color-200: var(--primitive-neutral-200);
  --neutral-color-100: var(--primitive-neutral-100);
  --neutral-color-050: var(--primitive-neutral-050);
  --neutral-color-000: var(--primitive-neutral-000);

  --primary-color: var(--primitive-primary-600);
  --primary-color-bg: var(--primitive-primary-100);
  --primary-color-050: var(--primitive-primary-050);
  --primary-color-400: var(--primitive-primary-400);
  --primary-color-800: var(--primitive-primary-800);
}

:root[data-theme="DARK"] {
  --level1_bg-color: #000;
  --level1_text-color: #b3b3b3;
  --level1_link-color: #b3b3b3;
  --level1_link-hover-color: #ffa500;

  --level2_bg-color: #121212;
  --level2_text-color: #b3b3b3;
  --level2_link-color: #9f9e9e;
  --level2_link-hover-color: #fff;

  --level3_bg-color: #242424;
  --level3_text-color: #e8e8e8;
  --level3_link-color: #9f9e9e;
  --level3_link-hover-color: #fff;
  --level3_link-hover-bg-color: #373737;

  --sidebar-bg-color: #121212;
  --sidebar-text-color: #b3b3b3;
  --sidebar-text-hover-color: #ffa500;

  --menu-bg-color: #242424;
  --menu-text-color: #fff;
  --menu-text-hover-bg-color: #121212;
  --menu-text-hover-color: #fff;
  --menu-link-color: #b3b3b3;

  --card_header-bg-color: #404040;
  --card_header-text-color: #fff;
  --card_bg-color: #282828;
  --card_text-color: #fff;
  --card_link-color: #ffe1a7;
  --card_link-hover-color: #ffc107;

  --btn-bg-color: #2e2e2e;
  --btn-text-color: #e8e8e8;
  --btn-border-color: #4e5760;

  --badge-tags-bg-color: #ffc107;
  --badge-tags-bg-hover-color: #ffe1a7;
  --badge-tags-text-color: #121212;

  --form-text-color: #e8e8e8;
  --form-border-color: #4e5760;
  --form-bg-color: #1a1a1a;

  --form-select-focused-color: #373737;
  --form-select-focused-text-color: #fff;
  --form-select-heading-color: #ffc107;
  --form-select-hover-color: #2e2e2e;
  --form-select-hover-text-color: #fff;

  --info-color: #4fc8e0;
  --info-color-bg: #0d2e38;
  --info-color-800: #a8e8f5;

  --success-color: #65b741;
  --success-color-bg: #1a3d12;
  --success-color-800: #8fd66a;

  --warning-color: #ffc107;
  --warning-color-bg: #3d2e00;
  --warning-color-800: #ffe066;

  --danger-color: #f07585;
  --danger-color-bg: #3d0a0e;
  --danger-color-800: #ffaab5;

  --neutral-color: #9f9e9e;
  --neutral-color-bg: #1a1a1a;
  --neutral-color-900: #f5f5f5;
  --neutral-color-800: #e8e8e8;
  --neutral-color-700: #b3b3b3;
  --neutral-color-600: #9f9e9e;
  --neutral-color-400: #4e5760;
  --neutral-color-300: #373737;
  --neutral-color-200: #2e2e2e;
  --neutral-color-100: #242424;
  --neutral-color-050: #1a1a1a;
  --neutral-color-000: #121212;

  --primary-color: #ffa500;
  --primary-color-bg: #332200;
  --primary-color-050: #1f1500;
  --primary-color-400: #e8922a;
  --primary-color-800: #ffcc66;
}