/* chronicle-colors.css – color variables for all themes */

body.theme-light {
  --bg-body: #f4f1ea;
  --text-body: #1e1e2a;
  --card-bg: white;
  --card-shadow: 0 12px 28px rgba(0,0,0,0.08);
  --panel-bg: white;
  --btn-bg: #f0ede8;
  --btn-border: none;
  --btn-text: inherit;
  --btn-active-bg: #6c5ce7;
  --btn-active-text: white;
  --table-header-bg: #2c2a4a;
  --table-header-text: white;
  --deep-table-header-bg: #a57355;
  --deep-table-header-text: white;
  --tag-bg: #e0e0e0;
  --tag-text: #1e1e2a;
  --year-bg: #f0ede8;
  --year-text: #1e1e2a;
  --border-light: #e2dbd0;
  --border-heavy: #cbc2b4;
  --hint-bg: #eae2d8;
  --hint-text: #2c2a4a;
  --deep-hint-bg: #e6d8cb;
  --deep-hint-text: #2c2a4a;
  --arrow-btn-bg: transparent;
  --arrow-btn-text: inherit;
  --arrow-btn-border: none;
  --point-campaign: #9b4b2e;
  --point-global: #4d7a9e;
  --deep-point: #c28a58;
  --toast-bg: #2c2a4a;
  --toast-text: white;
  --tooltip-bg: white;
  --tooltip-text: #1e1e2a;
  --tooltip-border: #c97e5a;
  --footer-border: #ddd6cc;
  --header-gradient-start: #2c2a4a;
  --header-gradient-end: #4a2c5e;
  --deep-header-gradient-start: #7a4c3c;
  --deep-header-gradient-end: #9b5e3a;
  --loading-spinner-color: #6c5ce7;
}

body.theme-dark {
  --bg-body: #12121a;
  --text-body: #e6e6f0;
  --card-bg: #1e1e2c;
  --card-shadow: 0 12px 28px rgba(0,0,0,0.5);
  --panel-bg: #1a1a28;
  --btn-bg: #2a2a38;
  --btn-border: 1px solid #444;
  --btn-text: #f0f0f0;
  --btn-active-bg: #6c5ce7;
  --btn-active-text: white;
  --table-header-bg: #2c2c3a;
  --table-header-text: #f0f0ff;
  --deep-table-header-bg: #7a5a3e;
  --deep-table-header-text: white;
  --tag-bg: #2d2d3f;
  --tag-text: #e0e0ff;
  --year-bg: #2d2d3f;
  --year-text: #f0f0f0;
  --border-light: #2d2d40;
  --border-heavy: #444;
  --hint-bg: #2c2c3a;
  --hint-text: #f0f0f0;
  --deep-hint-bg: #2c2c3a;
  --deep-hint-text: #f0f0f0;
  --arrow-btn-bg: #3a3a50;
  --arrow-btn-text: white;
  --arrow-btn-border: none;
  --point-campaign: #9b4b2e;
  --point-global: #4d7a9e;
  --deep-point: #c28a58;
  --toast-bg: #2c2a4a;
  --toast-text: white;
  --tooltip-bg: #1e1e2c;
  --tooltip-text: #eee;
  --tooltip-border: #c97e5a;
  --footer-border: #2d2d40;
  --header-gradient-start: #c5b8ff;
  --header-gradient-end: #e6c8ff;
  --deep-header-gradient-start: #7a4c3c;
  --deep-header-gradient-end: #9b5e3a;
  --loading-spinner-color: #6c5ce7;
}

body.theme-high-contrast {
  --bg-body: #000000;
  --text-body: #ffff00;
  --card-bg: #000000;
  --card-shadow: none;
  --panel-bg: #000000;
  --btn-bg: #000000;
  --btn-border: 2px solid #ffff00;
  --btn-text: #ffff00;
  --btn-active-bg: #ffff00;
  --btn-active-text: #000000;
  --table-header-bg: #000000;
  --table-header-text: #ffff00;
  --deep-table-header-bg: #000000;
  --deep-table-header-text: #ffff00;
  --tag-bg: #000000;
  --tag-text: #ffff00;
  --year-bg: #000000;
  --year-text: #ffff00;
  --border-light: #ffff00;
  --border-heavy: #ffff00;
  --hint-bg: #000000;
  --hint-text: #ffff00;
  --deep-hint-bg: #000000;
  --deep-hint-text: #ffff00;
  --arrow-btn-bg: #000000;
  --arrow-btn-text: #ffff00;
  --arrow-btn-border: 2px solid #ffff00;
  --point-campaign: #ffff00;
  --point-global: #ffff00;
  --deep-point: #ffff00;
  --toast-bg: #000000;
  --toast-text: #ffff00;
  --tooltip-bg: #000000;
  --tooltip-text: #ffff00;
  --tooltip-border: #ffff00;
  --footer-border: #ffff00;
  --header-gradient-start: #ffff00;
  --header-gradient-end: #ffff00;
  --deep-header-gradient-start: #ffff00;
  --deep-header-gradient-end: #ffff00;
  --loading-spinner-color: #ffff00;
}