:root {
  --c-primary: #d98018;
  --c-primary-active: #9a5420;
  --c-primary-light: #d980181A;
  --c-border: #eee;
  --c-border-dark: #dccfcf;

  --c-bg-base: #fafafa;
  --c-bg-base-rgb: 250, 250, 250;
  --c-bg-active: #f2f2f2;
  --c-bg-card: #00000006;
  --c-bg-code: #00000006;
  --c-bg-selection: #8885;
  --c-bg-fade: #EA9E4411;
  --c-bg-dm: #f1e8e6;

  --c-text-base: #232323;
  --c-text-code: #63470c;
  --c-text-secondary: #686868;
  --c-text-secondary-light: #919191;

  --c-bg-btn-disabled: #a1a1a1;
  --c-text-btn-disabled: #fff;
  --c-text-btn: #232323;

  --c-success: #67C23A;
  --c-warning: #E6A23C;
  --c-error: #F56C6C;
}

.dark {
  --c-primary: #EA9E44;
  --c-primary-active: #C16929;
  --c-primary-light: #EA9E441A;
  
  --c-border: #222;
  --c-border-dark: #545251;

  --c-bg-base: #111;
  --c-bg-base-rgb: 17, 17, 17;
  --c-bg-active: #191919;
  --c-bg-card: #ffffff06;
  --c-bg-code: #ffffff06;
  --c-bg-fade: #EA9E4411;
  --c-bg-dm: #0a2f35;

  --c-text-base: #f3f3f3;
  --c-text-code: #ecd88e;
  --c-text-secondary: #888;
  --c-text-secondary-light: #686868;

  --c-bg-btn-disabled: #2a2a2a;
  --c-text-btn-disabled: #919191;
}