/* Colors from the active MTA server on W:, pd_ui/brand-theme.css. */
:root {
  --pd-gold: #e3bd54;
  --pd-gold-rgb: 227, 189, 84;
  --pd-red: #d84749;
  --pd-red-rgb: 216, 71, 73;
  --pd-coral: #e16f4d;
  --pd-coral-rgb: 225, 111, 77;
  --pd-orange: #e19650;
  --pd-orange-rgb: 225, 150, 80;
  --pd-graphite: #474143;
  --pd-graphite-rgb: 71, 65, 67;
  --pd-gold-hi: #f3d989;
  --pd-gold-hi-rgb: 243, 217, 137;
  --pd-gold-ink: #242122;
  --pd-gold-ink-rgb: 36, 33, 34;
  --pd-panel: #353133;
  --pd-panel-rgb: 53, 49, 51;
  --pd-panel-dark: #242122;
  --pd-panel-dark-rgb: 36, 33, 34;
  --pd-deep: #191718;
  --pd-deep-rgb: 25, 23, 24;
  --pd-head: #3d3739;
  --pd-head-rgb: 61, 55, 57;
  --pd-chip: #51494c;
  --pd-chip-rgb: 81, 73, 76;
  --pd-dial: #383235;
  --pd-dial-rgb: 56, 50, 53;
  --pd-hover: #5b5255;
  --pd-hover-rgb: 91, 82, 85;
  --pd-text: #f5f0e9;
  --pd-text-rgb: 245, 240, 233;
  --pd-text-soft: #e6d8c9;
  --pd-text-soft-rgb: 230, 216, 201;
  --pd-muted: #b4a79e;
  --pd-muted-rgb: 180, 167, 158;
  --pd-icon: #c4afa0;
  --pd-icon-rgb: 196, 175, 160;
  --pd-danger-hi: #ed7770;
  --pd-danger-hi-rgb: 237, 119, 112;
}

:root {
  --pd-section: var(--pd-head);
  --pd-accent: var(--pd-gold);
  --bs-primary: var(--pd-gold);
  --bs-primary-rgb: var(--pd-gold-rgb);
  --bs-info: var(--pd-orange);
  --bs-info-rgb: var(--pd-orange-rgb);
  --bs-warning: var(--pd-gold);
  --bs-warning-rgb: var(--pd-gold-rgb);
  --bs-danger: var(--pd-red);
  --bs-danger-rgb: var(--pd-red-rgb);
  --bs-focus-ring-color: rgba(var(--pd-gold-rgb), .3);
}

[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-bg: var(--pd-deep);
  --bs-body-bg-rgb: var(--pd-deep-rgb);
  --bs-body-color: var(--pd-text);
  --bs-body-color-rgb: var(--pd-text-rgb);
  --bs-emphasis-color: var(--pd-text);
  --bs-emphasis-color-rgb: var(--pd-text-rgb);
  --bs-secondary-color: var(--pd-muted);
  --bs-secondary-color-rgb: var(--pd-muted-rgb);
  --bs-secondary-bg: var(--pd-panel-dark);
  --bs-secondary-bg-rgb: var(--pd-panel-dark-rgb);
  --bs-tertiary-color: var(--pd-muted);
  --bs-tertiary-color-rgb: var(--pd-muted-rgb);
  --bs-tertiary-bg: var(--pd-panel);
  --bs-tertiary-bg-rgb: var(--pd-panel-rgb);
  --bs-border-color: var(--pd-chip);
  --bs-border-color-translucent: rgba(var(--pd-text-rgb), .12);
  --bs-link-color: var(--pd-gold);
  --bs-link-color-rgb: var(--pd-gold-rgb);
  --bs-link-hover-color: var(--pd-gold-hi);
  --bs-link-hover-color-rgb: var(--pd-gold-hi-rgb);
  --bs-primary-text-emphasis: var(--pd-gold-hi);
  --bs-primary-bg-subtle: #383020;
  --bs-primary-border-subtle: #746039;
  --bs-info-text-emphasis: var(--pd-text-soft);
  --bs-info-bg-subtle: #382e25;
  --bs-info-border-subtle: #735439;
  --bs-warning-text-emphasis: var(--pd-gold-hi);
  --bs-warning-bg-subtle: #383020;
  --bs-warning-border-subtle: #746039;
  --bs-danger-text-emphasis: var(--pd-danger-hi);
  --bs-danger-bg-subtle: #3b2427;
  --bs-danger-border-subtle: #834244;
  --bs-light: var(--pd-panel);
  --bs-light-rgb: var(--pd-panel-rgb);
  --bs-dark: var(--pd-deep);
  --bs-dark-rgb: var(--pd-deep-rgb);
}

.btn-primary {
  --bs-btn-color: var(--pd-gold-ink);
  --bs-btn-bg: var(--pd-gold);
  --bs-btn-border-color: var(--pd-gold);
  --bs-btn-hover-color: var(--pd-gold-ink);
  --bs-btn-hover-bg: var(--pd-gold-hi);
  --bs-btn-hover-border-color: var(--pd-gold-hi);
  --bs-btn-active-color: var(--pd-gold-ink);
  --bs-btn-active-bg: var(--pd-orange);
  --bs-btn-active-border-color: var(--pd-orange);
  --bs-btn-disabled-color: var(--pd-gold-ink);
  --bs-btn-disabled-bg: var(--pd-gold);
  --bs-btn-disabled-border-color: var(--pd-gold);
  --bs-btn-focus-shadow-rgb: var(--pd-gold-rgb);
  color: var(--pd-gold-ink);
}
.btn-primary:hover, .btn-primary:focus-visible, .btn-primary:active { color: var(--pd-gold-ink); }
.btn-outline-primary {
  --bs-btn-color: var(--pd-gold);
  --bs-btn-border-color: var(--pd-gold);
  --bs-btn-hover-color: var(--pd-gold-ink);
  --bs-btn-hover-bg: var(--pd-gold);
  --bs-btn-hover-border-color: var(--pd-gold);
  --bs-btn-active-color: var(--pd-gold-ink);
  --bs-btn-active-bg: var(--pd-gold-hi);
  --bs-btn-active-border-color: var(--pd-gold-hi);
  --bs-btn-focus-shadow-rgb: var(--pd-gold-rgb);
}
[data-bs-theme="dark"] .btn-info {
  --bs-btn-color: var(--pd-gold-ink);
  --bs-btn-bg: var(--pd-orange);
  --bs-btn-border-color: var(--pd-orange);
  --bs-btn-hover-color: var(--pd-gold-ink);
  --bs-btn-hover-bg: var(--pd-gold-hi);
  --bs-btn-hover-border-color: var(--pd-gold-hi);
}
[data-bs-theme="dark"] .btn-outline-secondary { --bs-btn-color: var(--pd-text-soft); --bs-btn-border-color: var(--pd-hover); }
.dropdown-menu { --bs-dropdown-link-active-color: var(--pd-gold-ink); --bs-dropdown-link-active-bg: var(--pd-gold); }
.pagination { --bs-pagination-active-color: var(--pd-gold-ink); --bs-pagination-active-bg: var(--pd-gold); --bs-pagination-active-border-color: var(--pd-gold); --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(var(--pd-gold-rgb), .25); }
.nav-pills { --bs-nav-pills-link-active-color: var(--pd-gold-ink); --bs-nav-pills-link-active-bg: var(--pd-gold); }
.list-group { --bs-list-group-active-color: var(--pd-gold-ink); --bs-list-group-active-bg: var(--pd-gold); --bs-list-group-active-border-color: var(--pd-gold); }
[data-bs-theme="dark"] .form-control, [data-bs-theme="dark"] .form-select { background-color: var(--pd-panel-dark); color: var(--pd-text); border-color: var(--pd-hover); }
[data-bs-theme="dark"] .form-control::placeholder { color: var(--pd-muted); }
.form-control:focus, .form-select:focus, .form-check-input:focus { border-color: var(--pd-gold); box-shadow: 0 0 0 .2rem rgba(var(--pd-gold-rgb), .18); }
.form-check-input:checked { background-color: var(--pd-gold); border-color: var(--pd-gold); }
.form-check-input:checked[type="checkbox"] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23242122' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
.form-check-input:checked[type="radio"] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23242122'/%3e%3c/svg%3e"); }
[data-bs-theme="dark"] input:-webkit-autofill { -webkit-text-fill-color: var(--pd-text); box-shadow: 0 0 0 1000px var(--pd-panel-dark) inset; caret-color: var(--pd-text); }
input[type="checkbox"], input[type="radio"], input[type="range"] { accent-color: var(--pd-gold); }
::selection { color: var(--pd-gold-ink); background: var(--pd-gold-hi); }

/* The scene PNGs contain the graphite grade; no recoloring of logos or avatars. */
.pd-masthead, .pd-game-banner, .pd-join-card { background-blend-mode: normal; }
.pd-network-dialog .pd-network-card { background-color: var(--pd-panel-dark); background-blend-mode: normal; }
.pd-server-badge:hover, .pd-server-badge:focus-visible, .pd-game-tab:hover, .pd-game-tab:focus-visible { background-color: var(--pd-gold-hi); color: var(--pd-gold-ink); }
.pd-server-badge b { background: rgba(var(--pd-gold-ink-rgb), .1); }
.pd-category-icon .icon { background-color: rgba(var(--pd-gold-rgb), .12) !important; color: var(--pd-gold) !important; }
.pd-join-icon { background: var(--pd-gold); color: var(--pd-gold-ink); box-shadow: 0 0 0 7px rgba(var(--pd-gold-rgb), .12); }
.pd-join-discord .pd-join-icon { background: var(--pd-coral); box-shadow: 0 0 0 7px rgba(var(--pd-coral-rgb), .12); }
.pd-join-panel .pd-join-icon { background: var(--pd-orange); box-shadow: 0 0 0 7px rgba(var(--pd-orange-rgb), .12); }
.pd-network-dialog .pd-network-count { background: var(--pd-gold); color: var(--pd-gold-ink); }
.pd-network-dialog .pd-network-unavailable .pd-network-count { background: var(--pd-hover); color: var(--pd-text); }
.pd-network-dialog .pd-network-art { border-color: var(--pd-orange); }
.pd-network-dialog .pd-network-discord .pd-network-art { border-color: var(--pd-gold); }

/* ACP keeps its native layout and light/dark switch. */
[data-bs-theme="dark"] body.admin { background: var(--pd-deep); color: var(--pd-text); }
[data-bs-theme="dark"] body.admin .card,
[data-bs-theme="dark"] body.admin .modal-content,
[data-bs-theme="dark"] body.admin .dropdown-menu,
[data-bs-theme="dark"] body.admin .offcanvas { background-color: var(--pd-panel-dark); border-color: var(--pd-chip); }
[data-bs-theme="dark"] body.admin .card-header { background-color: var(--pd-panel); border-color: var(--pd-chip); }
[data-bs-theme="dark"] body.admin .nav-link { color: var(--pd-text-soft); }
[data-bs-theme="dark"] body.admin .nav-link:hover { color: var(--pd-gold-hi); }
[data-bs-theme="dark"] body.admin .nav-pills .nav-link.active { color: var(--pd-gold-ink); }
[data-bs-theme="dark"] body.admin .text-bg-primary { color: var(--pd-gold-ink) !important; }