/* tema.css - From Morning Chaos to Calm's farver oven paa skallens stilark.
 * 17. september 2026.
 *
 * Paletten er den fra app'en i august (app/globals.css, FMCC-1.3.0-rc.14):
 * papir, blaekgroen, teal, sol, linje. Ingen ny farve er fundet paa her -
 * hver vaerdi er kopieret ud af den fils egen :root. Skallens stilark er
 * skrevet til grocerys roede; alt, der stod som fast rosa der, faar sin
 * teal-modpart her, praecis som declutters tema.css goer det i groent. */

:root{--ink:#183834;--muted:#62746f;--brand:#174f49;--brand-dark:#103d38;--cream:#f7f3eb;--paper:#fffdf8;--line:#d5dcd5;--sage:#dceae5;--sage-dark:#103d38;--gold:#e8a24d;--rust:#174f49;--blush:#dceae5;--cream-deep:#f7f3eb;--shadow:0 22px 54px rgba(24,56,52,.13)}
body{background:radial-gradient(circle at 92% 4%,rgba(232,162,77,.24),transparent 28rem),radial-gradient(circle at 8% 82%,rgba(220,234,229,.9),transparent 31rem),var(--cream)}
.topbar{background:rgba(247,243,235,.92);border-bottom-color:rgba(23,79,73,.22)}
.button.primary{box-shadow:0 13px 30px rgba(23,79,73,.22)}
.decision-card{border-color:rgba(232,162,77,.52);background:rgba(255,253,248,.9)}
.decision-card>p{color:var(--brand)}
.decision-card li{background:var(--paper);border:1px solid rgba(23,79,73,.12)}
.choice-row span{background:rgba(255,253,248,.88);border-color:rgba(23,79,73,.2);padding:20px;font-weight:800}
.choice-row input:checked+span{border-color:var(--brand);background:var(--sage);color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.choice-row span em{background:var(--cream-deep);color:var(--brand-dark)}

/* EEN PLAN, SEKS AFSNIT - ikke seks valgmuligheder. Kortene staar derfor
 * under hinanden i laeseraekkefoelge, som paa den gamle plan-skaerm, og ikke
 * i et gitter som grocerys ti forslag. */
.result-list{grid-template-columns:1fr}
.result-card.best{border-color:var(--gold);box-shadow:inset 0 4px 0 var(--brand)}
.result-facts{background:var(--sage)}
.result-steps li{background:rgba(255,253,248,.92);border-color:rgba(23,79,73,.16)}

/* Hvert trin baerer BAADE handlingen og hvorfor den virker - det gjorde den
 * gamle plan-skaerm ogsaa (<strong>, tekst, <small>). Uden den her regel
 * ville begrundelsen staa i samme grad som handlingen.
 *
 * .trin-krop er den ene kasse, app.js pakker alle tre dele i. Skallens
 * .result-steps li er et gitter paa to spalter, og hvert barn er sit eget
 * felt - uden kassen faldt saetningen ned i tallets 40 pixels. */
.result-steps li{align-items:start}
.result-steps li .trin-krop{min-width:0}
.result-steps li strong{display:block;color:var(--brand)}
.result-steps li small{display:block;margin-top:6px;color:var(--muted);font-size:.86em;line-height:1.45}

.why{margin-top:16px;padding:18px 20px;border:1px solid var(--gold);border-radius:16px;background:var(--cream-deep);color:var(--ink)}
footer{background:var(--paper)}