/* ===== Base (Default) Theme ===== */
html.theme-original {
  /* Brand */
  --color-brand: 44 176 242;
  --color-brand-light: 91 201 255;
  --color-brand-dark: 0 138 207;

  /* Secondary (accent / warnings / highlights) */
  --color-secondary: 255 193 7;
  --color-secondary-light: 255 214 71;
  --color-secondary-dark: 204 154 0;

  /* Surfaces */
  --color-surface: 255 255 255;       /* navbar, sidebar */
  --color-elevated: 249 250 251;      /* cards, tables */
  --color-hover: 243 244 246;         /* hover background */

  /* Tables */
  --color-table: 241 245 249; /* cool neutral gray */

  /* Text */
  --color-text: 17 24 39;
  --color-subtext: 75 85 99;
  --color-muted: 107 114 128;

  /* Borders */
  --color-border: 229 231 235;

  /* Status */
  --color-success: 16 185 129;
  --color-warning: 250 204 21;
  --color-error: 239 68 68;
}

/* ===== Base Dark ===== */
html.theme-original.dark {
  --color-brand: 44 176 242;
  --color-brand-light: 91 201 255;
  --color-brand-dark: 0 138 207;

  --color-secondary: 255 193 7;
  --color-secondary-light: 255 214 71;
  --color-secondary-dark: 204 154 0;

  --color-surface: 17 24 39;
  --color-elevated: 31 41 55;
  --color-hover: 55 65 81;

   --color-table: 51 65 85; 

  --color-text: 243 244 246;
  --color-subtext: 156 163 175;
  --color-muted: 107 114 128;

  --color-border: 55 65 81;

  --color-success: 5 150 105;
  --color-warning: 202 138 4;
  --color-error: 220 38 38;
}

/* ===== Forest Theme ===== */
html.theme-forest {
  /* Brand */
  --color-brand: 34 139 34;          /* forest green */
  --color-brand-light: 72 167 72;    /* fresh leaf */
  --color-brand-dark: 22 101 22;     /* deep pine */

  /* Secondary (warm accent) */
  --color-secondary: 180 135 80;     /* wood / bark */
  --color-secondary-light: 204 166 121;
  --color-secondary-dark: 140 104 55;

  /* Surfaces */
  --color-surface: 245 250 246;      /* pale moss */
  --color-elevated: 236 244 238;     /* card bg */
  --color-hover: 226 238 229;        /* soft hover */

   /* Tables */
  --color-table: 224 235 228; /* muted sage */

  /* Text */
  --color-text: 20 40 28;            /* dark green-gray */
  --color-subtext: 74 94 82;
  --color-muted: 120 140 128;

  /* Borders */
  --color-border: 210 222 214;

  /* Status */
  --color-success: 34 197 94;
  --color-warning: 202 138 4;
  --color-error: 185 28 28;
}

html.theme-forest.dark {
  /* Brand */
  --color-brand: 74 222 128;         /* glowing leaf */
  --color-brand-light: 134 239 172;
  --color-brand-dark: 22 163 74;

  /* Secondary */
  --color-secondary: 217 182 130;    /* warm wood */
  --color-secondary-light: 240 215 176;
  --color-secondary-dark: 168 124 66;

  /* Surfaces */
  --color-surface: 16 32 24;         /* forest night */
  --color-elevated: 22 44 34;        /* card bg */
  --color-hover: 34 66 52;

  --color-table: 30 58 46; /* deep moss */

  /* Text */
  --color-text: 236 253 245;
  --color-subtext: 167 201 180;
  --color-muted: 120 150 132;

  /* Borders */
  --color-border: 40 72 58;

  /* Status */
  --color-success: 74 222 128;
  --color-warning: 234 179 8;
  --color-error: 248 113 113;
}

/* ===== Ocean Theme ===== */
html.theme-ocean {
  /* Brand */
  --color-brand: 37 99 235;          /* ocean blue */
  --color-brand-light: 96 165 250;
  --color-brand-dark: 29 78 216;

  /* Secondary (seafoam / sand) */
  --color-secondary: 56 189 248;     /* cyan accent */
  --color-secondary-light: 125 211 252;
  --color-secondary-dark: 14 165 233;

  /* Surfaces */
  --color-surface: 240 249 255;      /* misty blue */
  --color-elevated: 226 241 248;
  --color-hover: 214 232 241;

  /* Tables */
  --color-table: 220 234 243; /* pale sea mist */


  /* Text */
  --color-text: 15 23 42;            /* deep navy */
  --color-subtext: 71 85 105;
  --color-muted: 100 116 139;

  /* Borders */
  --color-border: 203 213 225;

  /* Status */
  --color-success: 16 185 129;
  --color-warning: 234 179 8;
  --color-error: 239 68 68;
}

html.theme-ocean.dark {
  /* Brand */
  --color-brand: 147 197 253;        /* luminous blue */
  --color-brand-light: 191 219 254;
  --color-brand-dark: 59 130 246;

  /* Secondary */
  --color-secondary: 56 189 248;
  --color-secondary-light: 125 211 252;
  --color-secondary-dark: 14 165 233;

  /* Surfaces */
  --color-surface: 10 25 41;         /* deep ocean */
  --color-elevated: 17 40 64;
  --color-hover: 30 64 98;

  --color-table: 23 46 72; /* deep blue slate */

  /* Text */
  --color-text: 226 232 240;
  --color-subtext: 148 163 184;
  --color-muted: 100 116 139;

  /* Borders */
  --color-border: 30 64 98;

  /* Status */
  --color-success: 52 211 153;
  --color-warning: 250 204 21;
  --color-error: 248 113 113;
}