/* ==========================================================================
   GrowthCanvas CSS Variables & Theme Definitions
   ========================================================================== */

:root {
  --bg: #0b0e11;
  --card: #141922;
  --text: #e6e8ec;
  --muted: #aab0bb;
  --accent: #ff6a00;
  --ok: #21c55d;
  --warn: #f59e0b;
  --bad: #ef4444;
  --line: #1f2835;
  --background-image: url('background-light.png');
}

.theme-light {
  --bg: #ffffff;
  --card: #f8fafc;
  --text: #0b1220;
  --muted: #54657e;
  --accent: #ff6a00;
  --ok: #16a34a;
  --warn: #b45309;
  --bad: #b91c1c;
  --line: #e5e7eb;
  --background-image: url('background-light.png');
}

.theme-ocean {
  --bg: #06141f;
  --card: #0b2538;
  --text: #eaf2f8;
  --muted: #98b4c8;
  --accent: #11b5e4;
  --ok: #34d399;
  --warn: #fbbf24;
  --bad: #f87171;
  --line: #123249;
  --background-image: url('background-ocean.png');
}

.theme-dark {
  --bg: #0b0e11;
  --card: #141922;
  --text: #e6e8ec;
  --muted: #aab0bb;
  --accent: #ff6a00;
  --ok: #21c55d;
  --warn: #f59e0b;
  --bad: #ef4444;
  --line: #1f2835;
  --background-image: url('background-dark.png');
}