:root {
  --bg-light: #ffffff;
  --bg: #f5f5f5;
  --bg-dark: #e4e4eb;
  --fg-light: #7a7582;
  --fg: #3d3d3d;
  --fg-dark: #2e2e2e;
  --primary-light: #dcefe8;
  --primary: #6bbda0;
  --primary-dark: #327d63;
  --secondary-light: #4e5d9c;
  --secondary: #384785;
  --secondary-dark: #233270;
  --success-light: #65aa68;
  --success: #288b2d;
  --success-dark: #1e6721;
  --error-light: #f59483;
  --error: #cf543e;
  --error-dark: #a1412f;
  --warning-light: #fbb763;
  --warning: #dd8519;
  --warning-dark: #bb7115;
  --info-light: #6ba7fc;
  --info: #3377d8;
  --info-dark: #2a5fac;
  --white: #ffffff;
  --black: #000000;
}
:root[data-theme=light] {
  --bg-light: #ffffff;
  --bg: #f5f5f5;
  --bg-dark: #e4e4eb;
  --fg-light: #7a7582;
  --fg: #444444;
  --fg-dark: #2e2e2e;
  --primary-light: #dcefe8;
  --primary: #6bbda0;
  --primary-dark: #327d63;
  --secondary-light: #4e5d9c;
  --secondary: #384785;
  --secondary-dark: #233270;
}
:root[data-theme=dark] {
  --bg-light: #3e3e3e; /* slightly lighter surface */
  --bg: #2e2e2e; /* main background */
  --bg-dark: #141414; /* deepest background */
  --fg-light: #bbbbbb; /* muted text */
  --fg: #e0e0e0; /* primary text */
  --fg-dark: #ffffff; /* brightest text */
  --primary-light: #58a98c;
  --primary: #429477;
  --primary-dark: #318567;
  --secondary-light: #6574b4;
  --secondary: #4a5dac;
  --secondary-dark: #304189;
}
:root[data-theme=invert] {
  filter: invert(1);
}
:root[data-theme=invert] img {
  filter: invert(1);
}
:root[data-theme=salmon] {
  filter: hue-rotate(215deg);
}
:root[data-theme=salmon] img {
  filter: hue-rotate(-215deg);
}
:root[data-theme=lemon] {
  --bg-light: #ffffff;
  --bg: #f5f5f5;
  --bg-dark: #e4e4eb;
  --fg-light: #7a7582;
  --fg: #444444;
  --fg-dark: #2e2e2e;
  --primary-light: #faf09c;
  --primary: #f2e040;
  --primary-dark: #c1af14;
  --secondary-light: #5766a1;
  --secondary: #384785;
  --secondary-dark: #283879;
}

/*# sourceMappingURL=theme.css.map */