/* Ready to Pray: white content surfaces, soft navigation and the chosen logo. */
:root{--paper:#f4f6f4;--white:#fff;--green:#244d3d;--border:#e0e6df;--muted:#69766b}
body{background:var(--paper)}
.sidebar{background:#fafaf6}
.topbar{background:#fff;border-bottom-color:#e2e7e0}
.brand{gap:11px;color:var(--green)}
.brand .brand-icon{width:47px;height:47px;border-radius:0}
.brand-name,.brand-second{font-family:'Manrope',sans-serif;font-size:24px;font-weight:800;line-height:1;letter-spacing:-1px}
.brand-second{margin-top:2px}
.prayer-section,.reminder-card,.moment-card,.tool-card,.health-strip,.qibla-card{background:#fff;border-color:var(--border);box-shadow:0 2px 7px #223c2c03}
.prayer-section{padding:22px;border:1px solid var(--border);border-radius:12px}
.prayer-time-card{background:#fff;border-color:#e7ebe4}
.prayer-time-card.next{background:#edf3e8;border-color:#b5c5a5}
.prayer-time-card.sunrise-card{background:#fbfcfa}
.prayer-time-card .prayer-name,.prayer-time-card .period{color:#6d7b67}
.reminder-card>p,.moment-card p,.tool-card>span:not(.tool-icon){color:#73806d}
.moment-card .dhikr-button{background:#f7f9f4}
.phone-banner{background:#eef2e8;border-color:#dfe6d7}
.health-strip{border-color:var(--border)}
.health-strip span,.section-title span,.times-footnote{color:#73816c}
.hijri-chip{background:#fff;border-color:var(--border);color:#6e7d64}
.segmented{background:#edf1eb}
.segmented button.selected{background:#fff}
dialog{background:#fff}
.field input,.field select,.city-search,.city-result,.prayer-alert-row select,.dua-card{background:#fff}
.calendar-table th{background:#fff}
.travel-current,.info-box,.health-row{background:#f2f6ed}
.mobile-nav{background:#fffffff5}
@media(max-width:1180px){.brand .brand-icon{width:42px;height:42px}.brand-name,.brand-second{font-size:22px}}
@media(max-width:720px){
  .top-wordmark{gap:8px;color:var(--green)}
  .top-wordmark .brand-icon{width:38px;height:38px;border-radius:0}
  .top-wordmark .brand-name,.top-wordmark .brand-second{font:800 19px/1 'Manrope',sans-serif;letter-spacing:-.7px}
  .top-wordmark .brand-second{margin-top:1px}
  .prayer-section{padding:19px 16px}
  .prayer-section .section-title h2{font-size:22px}
  .prayer-section .prayer-cards{gap:7px}
  .prayer-section .prayer-time-card{padding:14px 3px}
  .prayer-section .prayer-time-card .prayer-hour{font-size:22px}
}
@media(max-width:370px){
  .top-wordmark .brand-icon{width:34px;height:34px}
  .top-wordmark .brand-name,.top-wordmark .brand-second{font-size:17px}
  .prayer-section{padding:17px 12px}
  .prayer-section .prayer-time-card .prayer-hour{font-size:20px}
  .prayer-section .section-title h2{font-size:20px}
}