/* =====================================================
   product.dark.css
   Dark mode using existing variables
   ===================================================== */

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg-main: #121212;
    --color-bg-light: #1e1e1e;
    --color-bg-soft: #1a1a1a;

    --color-text-main: #eaeaea;
    --color-text-muted: #b5b5b5;

    --color-border-light: #2a2a2a;
    --color-border-medium: #3a3a3a;

    --color-primary: #4da3ff;
    --color-secondary: #6fb8ff;
  }

  body {
    background: var(--color-bg-main);
    color: var(--color-text-main);
  }

  .list-box-pro {
    background: var(--color-bg-light);
  }
}