/* Thème Olumiant */

html, body {
  background-color: #211109 !important;
}

body {
  background:
    radial-gradient(ellipse at 15% 0%, #71300c, transparent 55%),
    linear-gradient(145deg, #281409, #120d0a) !important;
}

.card, details {
  background: #2b1911 !important;
  border-color: #854519 !important;
}

.main-card {
  background: linear-gradient(135deg, #65300f, #29180f) !important;
}

.icon {
  background: linear-gradient(180deg, #ff9900, #ff5c00) !important;
}

.summary-box {
  background: #29180f !important;
  border-color: #854519 !important;
}

.summary-value,
.summary-box.months .summary-value,
.flow .active {
  color: #ff9100 !important;
}

.main-btn {
  background: linear-gradient(180deg, #ffad16, #ff7900) !important;
  color: #211109 !important;
}

.progress span {
  background: linear-gradient(90deg, #ff7900, #ffbd45) !important;
}

.row {
  background: #33251d !important;
  border-color: #854519 !important;
}

.row.checked {
  background: #63300f !important;
  border-color: #ff9100 !important;
}

.row input[type="checkbox"] {
  accent-color: #ff9100 !important;
}

.row-date {
  background: #211109 !important;
}

/* ===== OLUMIANT : HISTORIQUE DES PERIODES ===== */

body:has(#periodList) {
  background:
    radial-gradient(ellipse at 15% 0%, #71300c, transparent 55%),
    linear-gradient(145deg, #281409, #120d0a) !important;
}

.top, .period, .empty {
  background: #2b1911 !important;
  border-color: #854519 !important;
}

.back {
  background: rgba(255,145,0,.13) !important;
  border-color: rgba(255,145,0,.45) !important;
  color: #ffbd45 !important;
}

.withdrawal {
  background: #33251d !important;
  border-color: #854519 !important;
}

.date {
  color: #ffbd45 !important;
}

.not-done {
  color: #b9a89c !important;
}

.subtitle, .meta {
  color: #d6b9a7 !important;
}


/* Bouton historique des périodes */
a[href*="historique.html"] {
  background: rgba(255,145,0,.13) !important;
  border-color: #ff9100 !important;
  color: #ffbd45 !important;
}

a[href*="historique.html"]:focus-visible {
  outline: 2px solid #ffbd45 !important;
  outline-offset: 3px;
}