:root {
  --primary: #a8dc76;
  --secondary: #78dce8;
  --primary-text: #269d69;
  --tertiary: #ac9cf2;
  --warning: #ffd866;
  --danger: #ff6188;
  --surface: #faf4f2;
  --background: #ede7e5;
  --text: #29242a;
  --thumb: #cecece;
  --track: #f2f2f2;
  --icon: #6b7280;
  --gradient-1: #a8dc76f2;
  --gradient-2: #a8dc76e6;
  --gradient-3: #78dce8d9;
  --link: #1c8ca8;
  --screenshot-border: #6b7280;
}

.dark {
  --primary: #269d69;
  --secondary: #1c8ca8;
  --primary-text: #a8dc76;
  --tertiary: #7058be;
  --warning: #cc7a0a;
  --danger: #e14774;
  --surface: #2c2a2e;
  --background: #211f22;
  --text: #f4f4f2;
  --thumb: #727072;
  --track: #3a3a3a;
  --icon: #f2f2f2;
  --gradient-1: #269d69f2;
  --gradient-2: #269d69e6;
  --gradient-3: #1c8ca8d9;
  --link: #78dce8;
  --screenshot-border: #211f22;
}