:root {
  --bg-light: #ffffff;
  --bg: #f4f5fa;
  --bg-dark: #e4e4eb;
  --fg-light: #7a7582;
  --fg: #444444;
  --fg-dark: #2e2e2e;
  --primary-light: #8179ed;
  --primary: #493FC8;
  --primary-dark: #291f9d;
  --secondary-light: #feaaaa;
  --secondary: #FF7A7A;
  --secondary-dark: #ed6060;
  --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: #f4f5fa;
  --bg-dark: #e4e4eb;
  --fg-light: #7a7582;
  --fg: #444444;
  --fg-dark: #2e2e2e;
  --primary-light: #8179ed;
  --primary: #493FC8;
  --primary-dark: #291f9d;
  --secondary-light: #feaaaa;
  --secondary: #FF7A7A;
  --secondary-dark: #ed6060;
}
: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: #a8a3f5; /* Brighter tint of original for highlights */
  --primary: #7168f0; /* More luminous base for visibility */
  --primary-dark: #4236c0; /* Slightly more vibrant version for dark BGs */
  --secondary-light: #ffbcbc; /* Gentle pink for hover/accents */
  --secondary: #ff8888; /* Maintains contrast without glowing */
  --secondary-dark: #ff6a6a; /* Slight brightness bump to preserve visibility */
}

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