:root,
[data-theme=light] {
  --clr-header-bg: #f5bd00;
  --clr-bg: #ffffff;
  --clr-fg: #000000;
  --clr-muted: #666666;
  --clr-accent: #d24903;
  --clr-section-bg: #f5f5f5;
  --clr-card-bg: #ffffff;
  --clr-link: #164194;
  --clr-error: #eb5757;
  --clr-success: #27ae60;
  --clr-gold: #f5bd00;
  --clr-moon: #1e1e1e;
  --clr-sun: #f5bd00;
  --clr-toggle: #164194;
  --clr-checkbox: #f5bd00;
  --clr-searchbar: rgba(0, 0, 0, 0.16);
  --clr-arrow: color: rgba(0, 0, 0, 0.4);
}

[data-theme=dark] {
  --clr-header-bg: linear-gradient(to bottom, #1a1f2800, transparent);
  --clr-bg: #1a1f28;
  --clr-fg: #ffffff;
  --clr-muted: #999999;
  --clr-accent: #d24903;
  --clr-section-bg: #1e1e1e;
  --clr-card-bg: #1a1a1a;
  --clr-link: #f5bd00;
  --clr-error: #eb5757;
  --clr-success: #27ae60;
  --clr-gold: #f5bd00;
  --clr-moon: #d24903;
  --clr-sun: #f5bd00;
  --clr-toggle: rgba(225, 255, 255, 0.66);
  --clr-checkbox: #fff;
  --clr-searchbar: #fff;
  --clr-arrow: color: rgba(225, 225, 225, 0.4);
}

:root {
  --orange: #D24903;
  --satan: #666;
  --white: #fff;
  --black: #000;
  --err: rgb(153, 0, 0);
  --success: #27AE60;
}