/* Generated by cp/theme_settings.php on 2026-09-17 16:20.
   Do not edit by hand — the next save overwrites this file.
   Palette and defaults live in cp/includes/theme.php. */

:root{

  /* Brand */
  --dp-primary: #000000;
  --dp-primary-dark: #1d4ed8;
  --dp-primary-soft: #eef2ff;
  --dp-primary-200: #99b3f9;
  --dp-accent: #0891b2;
  --dp-violet: #7c3aed;

  /* Surfaces */
  --dp-page-bg: #f5fafd;
  --dp-page-bg-deep: #f5fafd;
  --dp-surface: #ffffff;
  --dp-surface-2: #f8fafc;
  --dp-surface-3: #f5f5f5;

  /* Text */
  --dp-text: #0f172a;
  --dp-text-muted: #64748b;
  --dp-text-faint: #94a3b8;
  --dp-text-navy: #0b2a55;

  /* Borders */
  --dp-line-solid: #e5e7eb;

  /* Status */
  --dp-success: #18674e;
  --dp-success-dark: #ffffff;
  --dp-success-soft: #588cd0;
  --dp-success-border: #a7f3d0;
  --dp-danger: #ef4444;
  --dp-danger-soft: #f6fef1;
  --dp-danger-dark: #991b1b;
  --dp-danger-border: #cdfede;
  --dp-warning: #f97316;
  --dp-warning-soft: #fffbeb;
  --dp-warning-dark: #92400e;
  --dp-warning-border: #fde68a;
  --dp-gold: #f6c23e;

  /* Channels — derived, so tints track the colours above */
  --dp-ink-rgb: 15 23 42;
  --dp-paper-rgb: 255 255 255;
  --dp-primary-rgb: 0 0 0;
  --dp-muted-rgb: 100 116 139;
  --dp-faint-rgb: 148 163 184;
  --dp-surface-2-rgb: 248 250 252;
  --dp-success-rgb: 24 103 78;
  --dp-danger-rgb: 239 68 68;
  --dp-gold-rgb: 246 194 62;
  --dp-violet-rgb: 124 58 237;
  --dp-accent-rgb: 8 145 178;
  --dp-navy-rgb: 11 42 85;

  /* Shape */
  --dp-radius: 24px;
  --dp-radius-sm: 12px;
  --dp-header-height-big: 80px;
  --dp-header-height-small: 50px;

  /* ----------------------------------------------------------------
     Parts of the page. Each either points at a palette colour above
     (so it moves when that colour moves) or carries its own, set in
     cp/theme_settings.php. This is the layer that lets the sticky
     menu change without dragging every card along with it.
     ---------------------------------------------------------------- */
  --dp-header-bg: #123b5d;
  --dp-header-text: #10192d;
  --dp-mobilenav-bg: rgb(var(--dp-paper-rgb) / .96);   /* following */
  --dp-navbtn-bg: #887753;
  --dp-navbtn-text: var(--dp-surface);   /* following */
  --dp-navbtn-hover: var(--dp-primary-dark);   /* following */
  --dp-navbtn2: #ffffff;
  --dp-navicon: #ffffff;
  --dp-panelhead-from: var(--dp-text);   /* following */
  --dp-panelhead-to: #334155;   /* following */
  --dp-panelhead-text: var(--dp-surface);   /* following */
  --dp-footer-from: #123b5d;
  --dp-footer-mid: #123b5d;
  --dp-footer-to: #123b5d;
  --dp-card-bg: var(--dp-surface);   /* following */
  --dp-catcard-bg: var(--dp-surface);   /* following */
  --dp-catcard-bg-2: var(--dp-surface-2);   /* following */
  --dp-section-bg: var(--dp-surface);   /* following */
  --dp-section-bg-2: var(--dp-surface-2);   /* following */
  --dp-filter-bg: var(--dp-surface);   /* following */
  --dp-adslot-bg: #9fb3c8;
  --dp-adslot-bg-2: #78b7f2;
  --dp-breadcrumb-from: var(--dp-surface);   /* following */
  --dp-breadcrumb-to: var(--dp-surface-2);   /* following */
  --dp-detailrow-from: var(--dp-surface);   /* following */
  --dp-detailrow-to: var(--dp-surface-2);   /* following */
  --dp-searchfield-from: var(--dp-surface);   /* following */
  --dp-searchfield-to: var(--dp-surface-2);   /* following */
  --dp-btn-bg: var(--dp-surface);   /* following */
  --dp-chip-bg: var(--dp-surface);   /* following */
  --dp-chip-text: var(--dp-text);   /* following */
  --dp-selected-bg: var(--dp-text);   /* following */
  --dp-sold-bg: var(--dp-text);   /* following */
  --dp-sold-text: var(--dp-surface);   /* following */
  --dp-bs-primary: #0d6efd;   /* following */
  --dp-bs-secondary: #6c757d;   /* following */
  --dp-bs-success: #198754;   /* following */
  --dp-bs-danger: #dc3545;   /* following */
  --dp-bs-warning: #ffc107;   /* following */
  --dp-bs-info: #0dcaf0;   /* following */
  --dp-bs-dark: #212529;   /* following */
  --dp-bs-light: #f8f9fa;   /* following */
  --dp-bs-link: #0d6efd;   /* following */
  --dp-bs-border: #dee2e6;   /* following */
  --dp-link: var(--dp-primary);   /* following */
  --dp-heading: var(--dp-text);   /* following */
  --dp-price: var(--dp-primary);   /* following */

  /* The same parts as channels, for the places that need them at
     part opacity — rgb(var(--dp-adslot-bg-rgb) / .55). Resolved here,
     so a part that is following still yields a real triplet. */
  --dp-header-bg-rgb: 18 59 93;
  --dp-header-text-rgb: 16 25 45;
  --dp-mobilenav-bg-rgb: 255 255 255;
  --dp-navbtn-bg-rgb: 136 119 83;
  --dp-navbtn-text-rgb: 255 255 255;
  --dp-navbtn-hover-rgb: 29 78 216;
  --dp-navbtn2-rgb: 255 255 255;
  --dp-navicon-rgb: 255 255 255;
  --dp-panelhead-from-rgb: 15 23 42;
  --dp-panelhead-to-rgb: 51 65 85;
  --dp-panelhead-text-rgb: 255 255 255;
  --dp-footer-from-rgb: 18 59 93;
  --dp-footer-mid-rgb: 18 59 93;
  --dp-footer-to-rgb: 18 59 93;
  --dp-card-bg-rgb: 255 255 255;
  --dp-catcard-bg-rgb: 255 255 255;
  --dp-catcard-bg-2-rgb: 248 250 252;
  --dp-section-bg-rgb: 255 255 255;
  --dp-section-bg-2-rgb: 248 250 252;
  --dp-filter-bg-rgb: 255 255 255;
  --dp-adslot-bg-rgb: 159 179 200;
  --dp-adslot-bg-2-rgb: 120 183 242;
  --dp-breadcrumb-from-rgb: 255 255 255;
  --dp-breadcrumb-to-rgb: 248 250 252;
  --dp-detailrow-from-rgb: 255 255 255;
  --dp-detailrow-to-rgb: 248 250 252;
  --dp-searchfield-from-rgb: 255 255 255;
  --dp-searchfield-to-rgb: 248 250 252;
  --dp-btn-bg-rgb: 255 255 255;
  --dp-chip-bg-rgb: 255 255 255;
  --dp-chip-text-rgb: 15 23 42;
  --dp-selected-bg-rgb: 15 23 42;
  --dp-sold-bg-rgb: 15 23 42;
  --dp-sold-text-rgb: 255 255 255;
  --dp-bs-primary-rgb: 13 110 253;
  --dp-bs-secondary-rgb: 108 117 125;
  --dp-bs-success-rgb: 25 135 84;
  --dp-bs-danger-rgb: 220 53 69;
  --dp-bs-warning-rgb: 255 193 7;
  --dp-bs-info-rgb: 13 202 240;
  --dp-bs-dark-rgb: 33 37 41;
  --dp-bs-light-rgb: 248 249 250;
  --dp-bs-link-rgb: 13 110 253;
  --dp-bs-border-rgb: 222 226 230;
  --dp-link-rgb: 0 0 0;
  --dp-heading-rgb: 15 23 42;
  --dp-price-rgb: 0 0 0;

  /* Shadows — built from the ink channel */
  --dp-shadow-sm: 0 12px 30px rgb(var(--dp-ink-rgb) / .07);
  --dp-shadow:    0 18px 55px rgb(var(--dp-ink-rgb) / .08);
  --dp-shadow-lg: 0 20px 60px rgb(var(--dp-ink-rgb) / .10);

  /* ----------------------------------------------------------------
     Legacy names. index.php and view.php still say var(--lux-blue)
     and var(--vx-primary) in places; style.css still says
     var(--page-bg). Rather than rewrite every one of those, they are
     defined here as pointers at the tokens above, so they stay
     correct on their own. Safe to delete a line once nothing uses it.
     ---------------------------------------------------------------- */
  --lux-bg: var(--dp-page-bg);
  --lux-card: rgb(var(--dp-paper-rgb) / .88);
  --lux-card-solid: var(--dp-surface);
  --lux-text: var(--dp-text);
  --lux-muted: var(--dp-text-muted);
  --lux-line: rgb(var(--dp-ink-rgb) / .08);
  --lux-blue: var(--dp-primary);
  --lux-cyan: var(--dp-accent);
  --lux-green: var(--dp-success);
  --lux-shadow: var(--dp-shadow-lg);
  --lux-shadow-soft: var(--dp-shadow-sm);
  --lux-radius: var(--dp-radius);

  --vx-bg: var(--dp-page-bg);
  --vx-card: var(--dp-surface);
  --vx-line: rgb(var(--dp-ink-rgb) / .08);
  --vx-text: var(--dp-text);
  --vx-muted: var(--dp-text-muted);
  --vx-primary: var(--dp-primary);
  --vx-primary-2: var(--dp-violet);
  --vx-success: var(--dp-success);
  --vx-shadow: var(--dp-shadow);
  --vx-radius: var(--dp-radius);

  --primary-color: var(--dp-primary);
  --accent-color: var(--dp-gold);
  /* .cool-footer in style.css is the only user of this and appears in no
     markup on the four public pages, so it is a literal rather than a
     palette row — a picker that changes nothing is worse than no picker.
     The visible footer is .lux-visit-card-foot: --dp-footer-from/-mid/-to. */
  --dark-bg: #610303;
  --page-bg: var(--dp-page-bg);
  --page-bg-deep: var(--dp-page-bg-deep);
  --light-bg: var(--dp-page-bg);
  --header-height-big: var(--dp-header-height-big);
  --header-height-small: var(--dp-header-height-small);
  --transition-speed: 0.4s;
}

/* ------------------------------------------------------------------
   Bootstrap bridge — .btn-success and friends come from the CDN, so
   they are steered through Bootstrap's own variables here. Defaults
   are Bootstrap's colours, so this changes nothing until a
   "Bootstrap ... buttons" row is pinned in cp/theme_settings.php.
   ------------------------------------------------------------------ */

.btn-primary{
  --bs-btn-bg: #0d6efd;           --bs-btn-border-color: #0d6efd;
  --bs-btn-color: #ffffff;        --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #0b5ed7;    --bs-btn-hover-border-color: #0b5ed7;
  --bs-btn-active-bg: #0a58ca;     --bs-btn-active-border-color: #0a58ca;
  --bs-btn-active-color: #ffffff; --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd; --bs-btn-disabled-color: #ffffff;
}
.btn-outline-primary{
  --bs-btn-color: #0d6efd;        --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-bg: #0d6efd;     --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-hover-color: #ffffff;  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd; --bs-btn-active-color: #ffffff;
  --bs-btn-disabled-color: #0d6efd; --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary{
  --bs-btn-bg: #6c757d;           --bs-btn-border-color: #6c757d;
  --bs-btn-color: #ffffff;        --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #5c636a;    --bs-btn-hover-border-color: #5c636a;
  --bs-btn-active-bg: #565e64;     --bs-btn-active-border-color: #565e64;
  --bs-btn-active-color: #ffffff; --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d; --bs-btn-disabled-color: #ffffff;
}
.btn-outline-secondary{
  --bs-btn-color: #6c757d;        --bs-btn-border-color: #6c757d;
  --bs-btn-hover-bg: #6c757d;     --bs-btn-hover-border-color: #6c757d;
  --bs-btn-hover-color: #ffffff;  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d; --bs-btn-active-color: #ffffff;
  --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: #6c757d;
}

.btn-success{
  --bs-btn-bg: #198754;           --bs-btn-border-color: #198754;
  --bs-btn-color: #ffffff;        --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #157347;    --bs-btn-hover-border-color: #157347;
  --bs-btn-active-bg: #146c43;     --bs-btn-active-border-color: #146c43;
  --bs-btn-active-color: #ffffff; --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754; --bs-btn-disabled-color: #ffffff;
}
.btn-outline-success{
  --bs-btn-color: #198754;        --bs-btn-border-color: #198754;
  --bs-btn-hover-bg: #198754;     --bs-btn-hover-border-color: #198754;
  --bs-btn-hover-color: #ffffff;  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754; --bs-btn-active-color: #ffffff;
  --bs-btn-disabled-color: #198754; --bs-btn-disabled-border-color: #198754;
}

.btn-danger{
  --bs-btn-bg: #dc3545;           --bs-btn-border-color: #dc3545;
  --bs-btn-color: #ffffff;        --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #bb2d3b;    --bs-btn-hover-border-color: #bb2d3b;
  --bs-btn-active-bg: #b02a37;     --bs-btn-active-border-color: #b02a37;
  --bs-btn-active-color: #ffffff; --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545; --bs-btn-disabled-color: #ffffff;
}
.btn-outline-danger{
  --bs-btn-color: #dc3545;        --bs-btn-border-color: #dc3545;
  --bs-btn-hover-bg: #dc3545;     --bs-btn-hover-border-color: #dc3545;
  --bs-btn-hover-color: #ffffff;  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545; --bs-btn-active-color: #ffffff;
  --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-border-color: #dc3545;
}

.btn-warning{
  --bs-btn-bg: #ffc107;           --bs-btn-border-color: #ffc107;
  --bs-btn-color: #000000;        --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #ffca2c;    --bs-btn-hover-border-color: #ffca2c;
  --bs-btn-active-bg: #ffcd39;     --bs-btn-active-border-color: #ffcd39;
  --bs-btn-active-color: #000000; --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107; --bs-btn-disabled-color: #000000;
}
.btn-outline-warning{
  --bs-btn-color: #ffc107;        --bs-btn-border-color: #ffc107;
  --bs-btn-hover-bg: #ffc107;     --bs-btn-hover-border-color: #ffc107;
  --bs-btn-hover-color: #000000;  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107; --bs-btn-active-color: #000000;
  --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-border-color: #ffc107;
}

.btn-info{
  --bs-btn-bg: #0dcaf0;           --bs-btn-border-color: #0dcaf0;
  --bs-btn-color: #000000;        --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #31d2f2;    --bs-btn-hover-border-color: #31d2f2;
  --bs-btn-active-bg: #3dd5f3;     --bs-btn-active-border-color: #3dd5f3;
  --bs-btn-active-color: #000000; --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0; --bs-btn-disabled-color: #000000;
}
.btn-outline-info{
  --bs-btn-color: #0dcaf0;        --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-bg: #0dcaf0;     --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-hover-color: #000000;  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-color: #000000;
  --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-dark{
  --bs-btn-bg: #212529;           --bs-btn-border-color: #212529;
  --bs-btn-color: #ffffff;        --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #1c1f23;    --bs-btn-hover-border-color: #1c1f23;
  --bs-btn-active-bg: #1a1e21;     --bs-btn-active-border-color: #1a1e21;
  --bs-btn-active-color: #ffffff; --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529; --bs-btn-disabled-color: #ffffff;
}
.btn-outline-dark{
  --bs-btn-color: #212529;        --bs-btn-border-color: #212529;
  --bs-btn-hover-bg: #212529;     --bs-btn-hover-border-color: #212529;
  --bs-btn-hover-color: #ffffff;  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529; --bs-btn-active-color: #ffffff;
  --bs-btn-disabled-color: #212529; --bs-btn-disabled-border-color: #212529;
}

.btn-light{
  --bs-btn-bg: #f8f9fa;           --bs-btn-border-color: #f8f9fa;
  --bs-btn-color: #000000;        --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f9fafb;    --bs-btn-hover-border-color: #f9fafb;
  --bs-btn-active-bg: #f9fafb;     --bs-btn-active-border-color: #f9fafb;
  --bs-btn-active-color: #000000; --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa; --bs-btn-disabled-color: #000000;
}
.btn-outline-light{
  --bs-btn-color: #f8f9fa;        --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-bg: #f8f9fa;     --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-hover-color: #000000;  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-color: #000000;
  --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa;
}

:root{
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-link-color-rgb: 13 110 253;
  --bs-border-color: #dee2e6;
}