/* Theme: White Dove - Putih Elegan dengan Merpati Interaktif */
:root {
  --bg: #fcfdff;
  --paper: rgba(255, 255, 255, 0.86);
  --line: #dce8ff;
  --text: #25334d;
  --muted: #6f7e97;
  --accent: #98b8ef;
  --accent-deep: #6f93d8;
  --success: #1f8d58;
  --shadow: 0 16px 38px rgba(140, 168, 220, 0.2);
}

body {
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 38%, #f1f6ff 100%);
  color: var(--text);
}

.paper-grain {
  opacity: 0.3;
  background-image: radial-gradient(rgba(137, 163, 209, 0.18) 0.6px, transparent 0.6px);
  background-size: 7px 7px;
}

.light-orb.orb-a {
  background: rgba(178, 206, 255, 0.45);
}

.light-orb.orb-b {
  background: rgba(212, 230, 255, 0.48);
}

.audio-toggle {
  border: 1px solid #d2e2ff;
  background: rgba(255, 255, 255, 0.82);
  color: var(--accent-deep);
}

.cover h1 {
  color: #2e466e;
}

.cover-mini,
.cover-date,
.cover-to {
  color: var(--muted);
}

.cover-to span {
  color: #4a679a;
}

.open-btn {
  border: 1px solid #c9ddff;
  background: linear-gradient(120deg, #edf4ff, #d7e7ff);
  color: #345286;
}

.hero,
.card,
.footer {
  background: var(--paper);
  border-color: var(--line);
  box-shadow: var(--shadow);
  backdrop-filter: blur(8px);
}

.hero h2 {
  color: #3e5f93;
}

.eyebrow,
.subtitle {
  color: #5f7497;
}

.release-doves {
  border: 1px solid #c7dbff;
  background: linear-gradient(120deg, #f4f8ff, #e2edff);
  color: #43649b;
}

.dove-field {
  border: 1px dashed #cfe0ff;
  background: linear-gradient(180deg, #ffffff, #f5f9ff);
}

.dove .wing {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.88);
}

.dove .body {
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(162, 187, 229, 0.35);
}

.count-item {
  background: #ffffff;
  border-color: #d9e7ff;
}

.count-item strong {
  color: #456291;
}

.card h3 {
  color: #4a679a;
}

.person,
.schedule-grid article,
.timeline article,
.bank-panel {
  background: #ffffff;
  border-color: #dde9ff;
}

.avatar {
  background: radial-gradient(circle at 30% 30%, #f4f8ff 0%, #cfe0ff 100%);
  color: #43608f;
}

.map-btn {
  color: #355587;
  background: linear-gradient(120deg, #eff5ff, #d7e6ff);
  border: 1px solid #cddfff;
}

.tab {
  background: #f4f8ff;
  color: #5c77a4;
  border: 1px solid #cfdeff;
}

.tab.active {
  background: linear-gradient(120deg, #e9f1ff, #d3e2ff);
  color: #355485;
}

.account-number {
  color: #344f7d;
}

.copy-btn {
  background: linear-gradient(120deg, #e9f1ff, #d2e2ff);
  color: #315184;
  border: 1px solid #c7d9ff;
}

.copy-btn.ghost {
  background: #ffffff;
  color: #5b76a3;
  border: 1px solid #d5e2f8;
}

.amount {
  background: #f8fbff;
  color: #5a74a1;
  border: 1px solid #d7e4ff;
}

.amount.active {
  background: linear-gradient(120deg, #e9f1ff, #d2e2ff);
  color: #315184;
}

label {
  color: #5a74a1;
}

input,
select,
textarea {
  border: 1px solid #d4e2fc;
  background: #ffffff;
  color: #2a3a57;
}

.send-btn {
  background: linear-gradient(120deg, #e9f1ff, #d2e2ff);
  color: #2f4e80;
  border: 1px solid #c6d8ff;
}

.send-btn.alt {
  background: linear-gradient(120deg, #f6f9ff, #e4edff);
  color: #43608e;
}

.gift-status {
  color: var(--success);
}

.hash {
  color: #5f7aa7;
}

.gift-kicker {
  color: #7086aa;
}