/* STILL HERE app: dot artwork and colour to match the website. Loaded after clean.css. */
.page-heading p,.progress-text,.feature p,.footer-note,.mf-sub,.support-option span,.journey-strip span,.quick-journeys button span{color:#4a4844!important}
:root{--muted:#4a4844;--ochre:#98600f;--earth-deep:#3b2417;--gold:#e0a33a;--sea-art:#2f6b72;--sage-art:#5f7a66;--sand:#faf3e7;--line:#ecdfca;--surface:#faf3e7}
html,body{background:#fff url(/assets/art/dot-field.svg) 0 0/420px!important}
.topbar{position:relative}
.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--ochre) 0 25%,var(--rust) 25% 50%,var(--sage-art) 50% 75%,var(--sea-art) 75%)}

/* Feature panels: earth brown with dot art */
.welcome,.peer-hero,.intention-hero,.mf-today{background:var(--earth-deep) url(/assets/art/dot-field-dark.svg) 0 0/360px!important;color:#f6e7c8!important;position:relative;overflow:hidden}
.welcome:before{content:"";position:absolute;right:-60px;top:50%;width:300px;height:300px;transform:translateY(-50%);background:url(/assets/art/meeting-place.svg) center/contain no-repeat;opacity:.9;pointer-events:none}
.welcome-copy{position:relative;z-index:1;max-width:560px}
.welcome h1,.peer-hero h2,.intention-hero h2,.peer-hero h1,.mf-today h2{color:#fff!important}
.welcome p,.peer-hero p,.intention-hero p,.mf-today p,.mf-today-sub,.welcome .quiet-line{color:#f6e7c8!important}
.welcome .eyebrow,.peer-hero .tiny-label,.intention-hero .tiny-label,.mf-today .tiny-label{color:var(--gold)!important}
.welcome .pill-link,.mf-today .primary-btn{background:var(--gold)!important;color:var(--earth-deep)!important}
.welcome .pill-link:hover,.mf-today .primary-btn:hover{background:#f2c66d!important}
@media(max-width:900px){.welcome:before{display:none}}

/* Dot-art band under the journey strip */
.journey-strip{position:relative;padding-bottom:30px!important}
.journey-strip:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:url(/assets/art/dot-band.svg) left center/auto 22px repeat-x}

/* Buttons in earth brown */
.pill-link,.primary-btn,.mf-play,.mf-after-msg .small-action{background:var(--earth-deep)!important}
.pill-link:hover,.primary-btn:hover,.mf-play:hover{background:var(--rust)!important}
.support-callout .pill-link{background:var(--red)!important}
.text-btn[aria-pressed=true],#kindness-done[aria-pressed=true],.sound-options .text-btn[aria-pressed=true],.mf-chip[aria-pressed=true],.mf-feel button[aria-pressed=true]{background:var(--earth-deep)!important;border-color:var(--earth-deep)!important}

/* Coloured edges on cards */
.panel,.mf-card,.support-option{border-top:4px solid var(--ochre)!important}
.feature:nth-of-type(2),.support-option:nth-child(3n+2),.mf-card:nth-child(4n+2){border-top-color:var(--rust)!important}
.feature:nth-of-type(3),.support-option:nth-child(3n),.mf-card:nth-child(4n+3){border-top-color:var(--sage-art)!important}
.mf-card:nth-child(4n){border-top-color:var(--sea-art)!important}
.mf-card .mf-art{display:none!important}
.step-icon,.feature-icon,.more-grid span{background:var(--sand)!important;color:var(--rust)!important}
.mood:hover,.mood.selected{border-color:var(--rust)!important;background:var(--sand)!important}
.tiny-label{color:var(--rust)!important}
.mf-week li.done i{background:var(--ochre)!important;border-color:var(--ochre)!important}
.mf-progress i:after,.scan-dots i.on{background:var(--ochre)!important}
.quote-mark{color:var(--rust)}

/* Navigation */
.nav-button.active{background:var(--sand)!important;color:var(--rust)!important}

/* Guided player: dot-art meeting place behind the breathing circle */
.mf-player{background:#fff url(/assets/art/dot-field.svg) 0 0/420px!important}