/* Mode Halloween (Administration → tableau de bord) : couleurs et décor du site, chargés en plus de style.css.
   Le fond animé (app.js) et les effets (season/fx.js) suivent le même mode. */
:root {
  --text: #fff3e8;
  --dim: #c9aa92;
  --faint: #806452;
  --line: rgba(255, 138, 40, .2);
  --line-inner: rgba(255, 168, 90, .07);
  --glass: rgba(18, 6, 12, .58);
}
body { background: #08020b; }
::selection { background: #ff8a1f; color: #1d0900; }

.glass { background: linear-gradient(180deg, rgba(255, 130, 40, .09), rgba(150, 60, 200, .025) 160px), var(--glass); }

/* éléments principaux : orange citrouille au lieu du blanc */
.btn-primary, .btn-small, .step, .tab.on, .admin-side a.on, .btn-danger:hover,
.check input:checked + .box, .model input:checked + span, .amount:has(input:checked) em, .status-dot.s-done {
  border-color: #ff8a1f;
  background: linear-gradient(180deg, #ffad4a, #f0700f);
  color: #1d0900;
}
.btn-primary:hover, .btn-small:hover { background: linear-gradient(180deg, #ffc26c, #ff8a1f); box-shadow: 0 10px 40px -8px rgba(255, 122, 18, .65); }
a.btn-primary, .panel a.btn-primary, .card a.btn-primary { color: #1d0900; }
.amount:has(input:checked) { box-shadow: 0 0 0 2px #ff8a1f; }
.btn-ghost:hover { border-color: rgba(255, 160, 80, .45); background: rgba(255, 138, 31, .14); }
.links a:hover { color: #ffd9b3; background: rgba(255, 138, 31, .13); }
.overline { color: #ff9b45; }
.dot.online { background: #ff8a1f; box-shadow: 0 0 10px rgba(255, 138, 31, .8); }
.dot.online::before, .dot.online::after { border-color: #ff8a1f; }
.check input:focus-visible + .box, .model input:focus-visible + span { box-shadow: 0 0 0 3px rgba(255, 138, 31, .4); }
.logo, .auth-logo { filter: drop-shadow(0 0 28px rgba(255, 110, 20, .35)) drop-shadow(0 4px 12px rgba(0, 0, 0, .6)); }

/* toile d'araignée dans le coin de la barre de navigation */
.nav::after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: 62px;
  height: 62px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='none' stroke='%23ffb070' stroke-width='.7' stroke-opacity='.75'%3E%3Cpath d='M0 0L59.5 7.8M0 0L52 30M0 0L30 52M0 0L7.8 59.5'/%3E%3Cpath d='M13.9 1.9Q11 4 12.2 7Q8 8 7 12.2Q4 11 1.9 13.9M27.8 3.7Q23 8 24.4 14Q17 17 14 24.4Q8 23 3.7 27.8M41.6 5.5Q34 12 36.4 21Q26 26 21 36.4Q12 34 5.5 41.6M54.5 7.2Q45 16 47.6 27.5Q34 34 27.5 47.6Q16 45 7.2 54.5'/%3E%3C/svg%3E") no-repeat;
  pointer-events: none;
  opacity: .6;
}

/* effets animés (season/fx.js) */
.season-fx { position: fixed; inset: 0; z-index: 30; width: 100%; height: 100%; pointer-events: none; image-rendering: pixelated; }

/* code promo de l'accueil */
.promo-home .promo-off, .promo-home .promo-code { color: #ff9b45; }
.promo-home .promo-code:hover { background: rgba(255, 138, 31, .14); }