:root {
  /* Neutral scale (red-toned dark palette) - swapped to flip backgrounds */
  --btcpay-neutral-50: #110000; /* Dark red for main background */
  --btcpay-neutral-100: #070000; /* Brighter red for card backgrounds and cart */
  --btcpay-neutral-200: #2c0000;
  --btcpay-neutral-300: #480000;
  --btcpay-neutral-400: #640000;
  --btcpay-neutral-500: #800000;
  --btcpay-neutral-600: #9b0000;
  --btcpay-neutral-700: #b70000;
  --btcpay-neutral-800: #d30000; /* Bright red for borders */
  --btcpay-neutral-900: #ee0000;

  /* Primary accent (green) */
  --btcpay-primary-500: rgb(30, 122, 68);
  --btcpay-primary-accent-rgb: 30, 122, 68;
  --btcpay-primary: rgb(var(--btcpay-primary-accent-rgb));
  --btcpay-primary-accent: rgb(var(--btcpay-primary-accent-rgb));

  /* Override Bootstrap defaults */
  --bs-body-bg: var(--btcpay-neutral-50); /* Dark red for main body */
  --bs-body-bg-rgb: 17, 0, 0;
  --bs-body-color: #ffffff; /* White text */
  --btcpay-bg-tile: var(--btcpay-neutral-100); /* Brighter red for tiles/cart */
  --bs-bg-tile: var(--btcpay-neutral-100); /* Override Bootstrap tile bg */
  --bs-border-color: var(--btcpay-neutral-800); /* Bright red for borders */
  --bs-border-width: 1px; /* Ensure borders are visible */

  /* Form and tile backgrounds */
  --btcpay-form-bg: var(--btcpay-neutral-100);
  --btcpay-form-text: var(--btcpay-neutral-800);
  --btcpay-form-text-label: var(--btcpay-neutral-900);
  --btcpay-form-border: var(--btcpay-neutral-800);

  /* Header and nav */
  --btcpay-header-bg: var(--btcpay-neutral-200);
  --btcpay-nav-link: var(--btcpay-neutral-500);
  --btcpay-nav-link-active: #ffffff;
  --btcpay-footer-link-accent: var(--btcpay-neutral-800);
  --btcpay-pre-bg: var(--btcpay-neutral-50);

  /* Other mappings */
  --btcpay-secondary: transparent;
  --btcpay-secondary-text-active: var(--btcpay-primary);
  --btcpay-warning-text: var(--btcpay-neutral-100);
  --btcpay-dark-accent: var(--btcpay-neutral-600);
}

/* Dark mode */
[data-bs-theme="dark"] {
  --bs-body-bg: var(--btcpay-neutral-50);
  --bs-body-color: #ffffff;
  --btcpay-bg-tile: var(--btcpay-neutral-100);
  --bs-bg-tile: var(--btcpay-neutral-100);
  --bs-border-color: var(--btcpay-neutral-800);
}

/* Light mode */
[data-bs-theme="light"] {
  --bs-body-bg: var(--btcpay-neutral-50);
  --bs-body-color: #ffffff;
  --btcpay-bg-tile: var(--btcpay-neutral-100);
  --bs-bg-tile: var(--btcpay-neutral-100);
  --bs-border-color: var(--btcpay-neutral-800);
}

/* Main product listing area (dark red background) */
body, #PosCart, #content, #PosItems, .public-page-wrap:not(#cart .public-page-wrap) {
  background-color: var(--bs-body-bg) !important;
}

/* Item cards - brighter red background and bright red borders */
.tile.card, .card {
  background-color: var(--btcpay-bg-tile) !important;
  border-color: var(--bs-border-color) !important;
  border-width: var(--bs-border-width) !important;
  border-style: solid !important;
}

.card-body, .card-footer {
  background-color: var(--btcpay-bg-tile) !important;
  border-color: var(--bs-border-color) !important;
}

/* Cart (brighter red background) */
#cart, #cart .public-page-wrap, #cart .offcanvas-body {
  background-color: var(--btcpay-bg-tile) !important;
  color: #ffffff !important;
}

/* Cart header (match cart background) */
#cart header.bg-tile, #cart .offcanvas-header.bg-tile {
  background-color: var(--btcpay-bg-tile) !important;
}

/* Header and footer (main area) */
header.bg-body, .store-footer {
  background-color: var(--bs-body-bg) !important;
}

/* Modal (Recent Transactions) */
.modal-content, .modal-header, .modal-body {
  background-color: var(--bs-body-bg) !important;
  color: #ffffff;
}

/* Iframe */
.iframe, .btcpay-iframe {
  background-color: var(--bs-body-bg) !important;
}