/* Theme Colors — Dark mode overrides for portfolio color-* utility classes.
   Light mode uses original CSS unchanged. */

[data-theme="dark"] {
  /* Foreground text colors — map to existing dark tokens */
  .pl-pos {
    color: var(--accent-pnl-pos);
  }
  .pl-neg {
    color: var(--accent-pnl-neg);
  }
  .pl-flat {
    color: var(--accent-neutral);
  }

  /* Order status text colors */
  .color-order-status-open {
    color: var(--status-open);
  }
  .color-order-status-complete {
    color: var(--status-complete);
  }
  .color-order-status-cancelled {
    color: var(--status-cancelled);
  }
  .color-order-status-rejected {
    color: var(--status-rejected);
  }
  .color-order-status-trigger-pending {
    color: var(--status-trigpend);
  }
  .color-order-status-unknown {
    color: #a3a3a3;
  }

  /* Misc text colors */
  .color-blue {
    color: var(--accent-primary);
  }
  .color-bondi-blue {
    color: #5ec6cf;
  }
  .color-orange {
    color: var(--exchange-mcx);
  }
  .color-read-brown {
    color: #c9986e;
  }

  /* Pastel column-group backgrounds — muted dark tints.
     Used by `<tr class="color-highlight">` in mapping.html for first-row
     emphasis. Column-group `<td>/<th>` cells in summary tables override
     these via higher-specificity rules in theme-tables.css (P3.1) so the
     full-cell tint is dropped there in favor of header bands + leftmost
     accent stripes. */
  .color-azure {
    background-color: #1c2a30 !important;
  }
  .color-mint-green {
    background-color: #1c2a1c !important;
  }
  .color-lavender {
    background-color: #252040 !important;
  }
  .color-old-lace {
    background-color: #2e2920 !important;
  }
  .color-highlight {
    background-color: #2e2a1a !important;
  }
  .color-highlight-low {
    background-color: #2e2a1a !important;
  }

  /* Non-!important pastel backgrounds */
  .color-bg-lightblue {
    background-color: #1d2b3d;
  }
  .color-bg-lightyellow {
    background-color: #2e2a1a;
  }
  .color-bg-azureish-white {
    background-color: #1f2530;
  }
  .color-bg-odd {
    background-color: rgba(255, 255, 255, 0.04);
  }

  /* Composite (fg + bg) */
  .contrast-green {
    color: var(--accent-pnl-pos);
    background-color: #1f3a26;
  }
}