/* Dynamic Theme: TBB Theme */
/* Generated from database - Last updated: 2026-03-19 21:08:00.372085+00:00 */

/* Light Mode - Default */
:root,
:root[data-theme="light"] {
  /* Custom tokens */
  --bg: #ece9e2;
  --text: #282626;
  --muted-text: #6b6b5e;
  --card-bg: #ffffff;
  --border: #c8d4cb;
  --primary: #245c35;
  --primary-hover: #1a4428;
  --navbar-bg: #ffffff;
  --sidebar-bg: #245c35;

  /* Semantic colors - Success */
  --success-bg: #ddeee3;
  --success-text: #1a4428;
  --success-border: #b8d4c0;

  /* Semantic colors - Danger */
  --danger-bg: #fae5e3;
  --danger-text: #7b241c;
  --danger-border: #f1b5b0;

  /* Semantic colors - Warning */
  --warning-bg: #f5ede0;
  --warning-text: #5c4d35;
  --warning-border: #ddd0b8;

  /* Semantic colors - Info */
  --info-bg: #e4ede6;
  --info-text: #2a4a2c;
  --info-border: #b8cfbb;

  /* Semantic colors - Secondary */
  --secondary-bg: #ece9e2;
  --secondary-text: #3d3d33;
  --secondary-border: #c8c6bc;

  /* Bootstrap overrides */
  --bs-body-bg: var(--bg);
  --bs-body-color: var(--text);
  --bs-card-bg: var(--card-bg);
  --bs-card-border-color: var(--border);
  --bs-navbar-bg: var(--navbar-bg);
  --bs-navbar-color: var(--text);
  --bs-primary: var(--primary);
  --bs-primary-hover-bg: var(--primary-hover);
  --bs-border-color: var(--border);
  --bs-link-color: var(--primary);
  --bs-link-hover-color: var(--primary-hover);
}

/* Dark Mode - Data Attribute */
:root[data-theme="dark"] {
  /* Custom tokens */
  --bg: #0f1f14;
  --text: #e8efe9;
  --muted-text: #8fa895;
  --card-bg: #172b1e;
  --border: #2a4a33;
  --primary: #4a9e62;
  --primary-hover: #5ab572;
  --navbar-bg: #0f1f14;
  --sidebar-bg: #0b1710;

  /* Semantic colors - Success */
  --success-bg: #172b1e;
  --success-text: #8fcfa0;
  --success-border: #2a5c3a;

  /* Semantic colors - Danger */
  --danger-bg: #2b1614;
  --danger-text: #f0a09a;
  --danger-border: #5c2820;

  /* Semantic colors - Warning */
  --warning-bg: #2a2218;
  --warning-text: #e0c898;
  --warning-border: #5c4a2a;

  /* Semantic colors - Info */
  --info-bg: #172b1e;
  --info-text: #a0d4a8;
  --info-border: #2a5a33;

  /* Semantic colors - Secondary */
  --secondary-bg: #1e1e18;
  --secondary-text: #c0c0b0;
  --secondary-border: #3a3a30;

  /* Bootstrap overrides */
  --bs-body-bg: var(--bg);
  --bs-body-color: var(--text);
  --bs-card-bg: var(--card-bg);
  --bs-card-border-color: var(--border);
  --bs-navbar-bg: var(--navbar-bg);
  --bs-navbar-color: var(--text);
  --bs-primary: var(--primary);
  --bs-primary-hover-bg: var(--primary-hover);
  --bs-border-color: var(--border);
  --bs-link-color: var(--primary);
  --bs-link-hover-color: var(--primary-hover);
}