/* ==================== LIFEWARE THEME ==================== */
/* Brand colors extracted from https://www.lifeware.ch/
 * Primary: Lifeware Coral Red #D96459 (softer salmon/coral tone)
 * Secondary: Black #000000
 * Accent: Teal #184341
 * Text: Gray #4B4B4B
 */

/* Light mode - Lifeware colors */
.lifeware-theme .light-mode {
  --scalar-color-1: #1a1a1a;
  --scalar-color-2: rgba(26, 26, 26, 0.7);
  --scalar-color-3: rgba(26, 26, 26, 0.5);
  --scalar-color-accent: #d96459;
  --scalar-color-green: #184341;
  --scalar-color-red: #d96459;
  --scalar-color-yellow: #fcb900;
  --scalar-color-blue: #0693e3;
  --scalar-color-orange: #e8876b;
  --scalar-color-purple: #9b51e0;

  --scalar-background-1: #ffffff;
  --scalar-background-2: #f8f8f8;
  --scalar-background-3: #f0f0f0;
  --scalar-background-accent: rgba(217, 100, 89, 0.08);

  --scalar-border-color: rgba(0, 0, 0, 0.1);

  --scalar-button-1: #d96459;
  --scalar-button-1-color: #ffffff;
  --scalar-button-1-hover: #c5534a;
}

.lifeware-theme .light-mode .sidebar {
  --scalar-sidebar-background-1: #ffffff;
  --scalar-sidebar-item-hover-color: #c5534a;
  --scalar-sidebar-item-hover-background: rgba(217, 100, 89, 0.1);
  --scalar-sidebar-item-active-background: rgba(217, 100, 89, 0.18);
  --scalar-sidebar-border-color: rgba(217, 100, 89, 0.12);
  --scalar-sidebar-color-1: #1a1a1a;
  --scalar-sidebar-color-2: rgba(26, 26, 26, 0.6);
  --scalar-sidebar-color-active: #c5534a;
  --scalar-sidebar-search-background: #fdf8f7;
  --scalar-sidebar-search-border-color: rgba(217, 100, 89, 0.15);
  --scalar-sidebar-search-color: rgba(26, 26, 26, 0.5);
}

/* Lifeware light mode - coral/red-tinted code blocks */
.lifeware-theme .light-mode .scalar-code-block,
.lifeware-theme .light-mode [class*="code-block"],
.lifeware-theme .light-mode pre,
.lifeware-theme .light-mode code {
  --scalar-background-1: #3d2828;
  --scalar-background-2: #4a3232;
  --scalar-background-3: #573c3c;
}

/* Dark mode - Lifeware colors */
.lifeware-theme .dark-mode {
  --scalar-color-1: rgba(255, 255, 255, 0.95);
  --scalar-color-2: rgba(255, 255, 255, 0.7);
  --scalar-color-3: rgba(255, 255, 255, 0.5);
  --scalar-color-accent: #e8877a;
  --scalar-color-green: #2e8571;
  --scalar-color-red: #e8877a;
  --scalar-color-yellow: #ffd666;
  --scalar-color-blue: #69b1ff;
  --scalar-color-orange: #ffa07a;
  --scalar-color-purple: #b37feb;

  /* Red-tinted dark backgrounds */
  --scalar-background-1: #0f0a0a;
  --scalar-background-2: #1a1212;
  --scalar-background-3: #261a1a;
  --scalar-background-accent: rgba(217, 100, 89, 0.15);

  --scalar-border-color: rgba(217, 100, 89, 0.15);

  --scalar-button-1: #d96459;
  --scalar-button-1-color: #ffffff;
  --scalar-button-1-hover: #e8877a;
}

.lifeware-theme .dark-mode .sidebar {
  --scalar-sidebar-background-1: #0f0a0a;
  --scalar-sidebar-item-hover-color: #e8877a;
  --scalar-sidebar-item-hover-background: rgba(217, 100, 89, 0.15);
  --scalar-sidebar-item-active-background: rgba(217, 100, 89, 0.25);
  --scalar-sidebar-border-color: rgba(217, 100, 89, 0.15);
  --scalar-sidebar-color-1: rgba(255, 255, 255, 0.95);
  --scalar-sidebar-color-2: rgba(255, 255, 255, 0.6);
  --scalar-sidebar-color-active: #e8877a;
  --scalar-sidebar-search-background: #1a1212;
  --scalar-sidebar-search-border-color: rgba(217, 100, 89, 0.18);
  --scalar-sidebar-search-color: rgba(255, 255, 255, 0.5);
}

/* Lifeware dark mode - deeper red-tinted backgrounds */
.lifeware-theme .dark-mode .scalar-code-block,
.lifeware-theme .dark-mode [class*="code-block"],
.lifeware-theme .dark-mode pre,
.lifeware-theme .dark-mode code {
  --scalar-background-1: #1a0f0f;
  --scalar-background-2: #241616;
  --scalar-background-3: #2e1e1e;
}

/* ==================== PROSPERITY THEME ==================== */
/* Brand colors from Prosperity Solutions
 * Primary: Magenta #80044C
 * Background: Light cream tones
 */

/* Light mode - Prosperity colors */
.prosperity-theme .light-mode {
  --scalar-color-1: #0a0002;
  --scalar-color-2: rgba(10, 0, 2, 0.6);
  --scalar-color-3: rgba(10, 0, 2, 0.4);
  --scalar-color-accent: #80044c;
  --scalar-color-green: #174339;
  --scalar-color-red: #af1d1d;
  --scalar-color-yellow: #a87000;
  --scalar-color-blue: #18598b;
  --scalar-color-orange: #a87000;
  --scalar-color-purple: #4b3380;

  --scalar-background-1: #ffffff;
  --scalar-background-2: #faf9f8;
  --scalar-background-3: #f2f0ee;
  --scalar-background-accent: rgba(128, 4, 76, 0.06);

  /* Code block backgrounds - softer, muted tones instead of harsh dark */
  --scalar-background-code: #f5f3f1;

  --scalar-border-color: rgba(128, 4, 76, 0.12);

  --scalar-button-1: #80044c;
  --scalar-button-1-color: #ffffff;
  --scalar-button-1-hover: #6e0341;
}

.prosperity-theme .light-mode .sidebar {
  --scalar-sidebar-background-1: #ffffff;
  --scalar-sidebar-item-hover-color: #80044c;
  --scalar-sidebar-item-hover-background: rgba(128, 4, 76, 0.06);
  --scalar-sidebar-item-active-background: rgba(128, 4, 76, 0.12);
  --scalar-sidebar-border-color: rgba(128, 4, 76, 0.12);
  --scalar-sidebar-color-1: #0a0002;
  --scalar-sidebar-color-2: rgba(10, 0, 2, 0.6);
  --scalar-sidebar-color-active: #80044c;
  --scalar-sidebar-search-background: #faf9f8;
  --scalar-sidebar-search-border-color: rgba(128, 4, 76, 0.12);
  --scalar-sidebar-search-color: rgba(10, 0, 2, 0.4);
}

/* Prosperity light mode - softer code blocks */
.prosperity-theme .light-mode .scalar-code-block,
.prosperity-theme .light-mode [class*="code-block"],
.prosperity-theme .light-mode pre,
.prosperity-theme .light-mode code {
  --scalar-background-1: #3d2a35;
  --scalar-background-2: #4a3542;
  --scalar-background-3: #574050;
}

/* Dark mode - Prosperity colors */
.prosperity-theme .dark-mode {
  --scalar-color-1: rgba(255, 255, 255, 0.9);
  --scalar-color-2: rgba(255, 255, 255, 0.6);
  --scalar-color-3: rgba(255, 255, 255, 0.4);
  --scalar-color-accent: #b85a8a;
  --scalar-color-green: #2e8571;
  --scalar-color-red: #dc2828;
  --scalar-color-yellow: #ffa800;
  --scalar-color-blue: #258cda;
  --scalar-color-orange: #ffa800;
  --scalar-color-purple: #6444aa;

  --scalar-background-1: #1a1216;
  --scalar-background-2: #241a1f;
  --scalar-background-3: #2e2228;
  --scalar-background-accent: rgba(128, 4, 76, 0.2);

  --scalar-border-color: rgba(184, 90, 138, 0.2);

  --scalar-button-1: #80044c;
  --scalar-button-1-color: #ffffff;
  --scalar-button-1-hover: #6e0341;
}

.prosperity-theme .dark-mode .sidebar {
  --scalar-sidebar-background-1: #1a1216;
  --scalar-sidebar-item-hover-color: #b85a8a;
  --scalar-sidebar-item-hover-background: rgba(128, 4, 76, 0.15);
  --scalar-sidebar-item-active-background: rgba(128, 4, 76, 0.25);
  --scalar-sidebar-border-color: rgba(184, 90, 138, 0.2);
  --scalar-sidebar-color-1: rgba(255, 255, 255, 0.9);
  --scalar-sidebar-color-2: rgba(255, 255, 255, 0.6);
  --scalar-sidebar-color-active: #b85a8a;
  --scalar-sidebar-search-background: #241a1f;
  --scalar-sidebar-search-border-color: rgba(184, 90, 138, 0.2);
  --scalar-sidebar-search-color: rgba(255, 255, 255, 0.4);
}

/* ==================== CUSTOM BADGES ==================== */
/* For Policy Mutation and Prosperity Platform operation badges */

.badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: 4px;
  margin-right: 6px;
  margin-bottom: 8px;
  white-space: nowrap;
  vertical-align: middle;
}

/* Policy Mutation badge - warning style (light mode) */
.badge-mutation {
  background: rgba(175, 29, 29, 0.1);
  border: 1px solid rgba(175, 29, 29, 0.3);
  color: #af1d1d;
}

/* Prosperity Platform badge - brand style (light mode) */
.badge-prosperity {
  background: rgba(128, 4, 76, 0.08);
  border: 1px solid rgba(128, 4, 76, 0.25);
  color: #80044c;
}

/* Dark mode badge adjustments */
.dark-mode .badge-mutation {
  background: rgba(220, 40, 40, 0.15);
  border: 1px solid rgba(220, 40, 40, 0.4);
  color: #f87171;
}

.dark-mode .badge-prosperity {
  background: rgba(184, 90, 138, 0.15);
  border: 1px solid rgba(184, 90, 138, 0.4);
  color: #f0abcf;
}

/* Lifeware theme badge overrides */
.lifeware-theme .badge-mutation {
  background: rgba(217, 100, 89, 0.1);
  border: 1px solid rgba(217, 100, 89, 0.3);
  color: #c5534a;
}

.lifeware-theme .badge-prosperity {
  background: rgba(24, 67, 65, 0.08);
  border: 1px solid rgba(24, 67, 65, 0.25);
  color: #184341;
}

.lifeware-theme .dark-mode .badge-mutation {
  background: rgba(232, 135, 122, 0.15);
  border: 1px solid rgba(232, 135, 122, 0.4);
  color: #e8a89e;
}

.lifeware-theme .dark-mode .badge-prosperity {
  background: rgba(217, 100, 89, 0.25);
  border: 1px solid rgba(217, 100, 89, 0.5);
  color: #ffffff;
}