/* Locked In. Cream paper, sand accents and chocolate ink from the supplied mark.
   This final layer owns the brand tokens. Storage IDs deliberately stay unchanged. */
:root {
  --paper:#f5efe4; --surface:#fffdf8; --ink:#3e2b20; --muted:#786251;
  --line:#e2d6c5; --plum:#503524; --plum-deep:#39271c;
  --accent:#715039; --accent-hover:#503524; --rose:#c5a17c;
  --rose-soft:#eee1cf; --sand:#e8d7c1; --coral:#c9a680;
  --lavender:#eee6dc; --sage:#e9eadc; --lime:#e7dcc5; --blue:#e5e9e7;
  --shadow:0 5px 18px #50352405;
  --muscle-active:#a87951; --muscle-base:#eae0d3; --muscle-outline:#9d836b;
}
body,.boot-loader{background:var(--paper);color:var(--ink)}
::selection{background:#dec3a5;color:#39271c}
h1,h2,h3{color:var(--ink)}
.locked-logo{display:block;object-fit:contain;height:auto;max-width:100%;filter:none}
.mobile-brand{flex:0 0 112px;width:112px;min-width:0;padding:4px 0;line-height:1}
.mobile-brand .locked-logo{width:112px;max-height:70px;object-position:left center}
.topbar{min-height:84px;gap:10px;border-bottom-color:var(--line)}
.brand .locked-logo{width:175px;margin:0 auto 16px}
.brand>span{display:block;width:100%}
.brand small{font:600 9px/1.5 Inter,sans-serif;letter-spacing:1.3px;color:var(--muted);text-align:center}
.onboarding{background:radial-gradient(ellipse at 85% 0%,#ead8bd99,transparent 56%),var(--paper)}
.onboarding-brand{padding-bottom:12px;width:100%;max-width:210px}
.onboarding-brand .locked-logo{width:100%;height:126px;object-position:left center}
.boot-brand .locked-logo{width:195px;height:119px}
.boot-dots i{background:var(--accent)}
.onboarding-content>p,.onboarding-content .profile-footnote{color:var(--muted)}
.onboarding-content>.eyebrow{color:var(--accent);background:var(--rose-soft);border-color:var(--line)}
.onboarding-bottom{color:var(--muted)}
.primary-button,.onboarding-content .primary-button{background:var(--plum);border-color:var(--plum);color:#fffdf8}
.primary-button:hover,.onboarding-content .primary-button:hover{background:var(--plum-deep);border-color:var(--plum-deep);color:#fffdf8}
.secondary-button,.button-secondary{background:var(--surface);border-color:#cdbda8;color:var(--ink)}
.secondary-button:hover,.button-secondary:hover{background:var(--rose-soft);border-color:#a18568}
.text-button,.text-link,.back-button,.progress-back{color:var(--accent)}
.sidebar{background:#503524;border-color:#503524;box-shadow:0 8px 25px #5035241a}
.navigation a{color:#eadfce}
.navigation a[aria-current='page'],.navigation a[aria-current='page']:hover{background:#e8d7c1;color:#3e2b20}
.navigation a:hover{background:#694a34;color:#fffdf8}
.icon-button,.icon-btn,.header-progress{background:var(--surface);border-color:var(--line);color:var(--accent)}
.avatar-button{background:var(--plum);color:#fff4e4;border-color:var(--paper);box-shadow:0 0 0 1px #d8c7b0}
.pet-header-shortcut{background:var(--surface);border-color:var(--line);color:var(--accent)}
.card,.energy-section,.recent-section,.progress-card,.sheet{background:var(--surface);border-color:var(--line)}
.session-card,.training-start,.week-card{background:#e8d7c1;border-color:#d6bfa3}
.session-card h2,.training-start h2,.week-card .section-heading h2{color:var(--ink)}
.session-card .session-top,.session-card .session-top>svg,.session-content>p,.session-copy>p,.session-meta,.week-card>p,.week-day{color:#70533e}
.session-card>.primary-button,.session-content>.primary-button,.session-copy>.primary-button,.training-start>.primary-button{background:var(--plum);border-color:var(--plum);color:#fffdf8}
.session-card>.primary-button:hover,.session-content>.primary-button:hover,.session-copy>.primary-button:hover,.training-start>.primary-button:hover{background:var(--plum-deep);border-color:var(--plum-deep);color:#fffdf8}
.folder-card,.folder-card[data-tone='rose'],.folder-card[data-tone='plum'],.folder-card[data-tone='sage'],.folder-card[data-tone='sand']{background:var(--surface);border-color:var(--line)}
.folder-icon{background:#eee1cf;color:#8b6748;border-color:#e2d1bb}
.folder-card h2,.folder-card[data-tone] h2{color:var(--ink)}
.folder-card p,.folder-card small,.folder-card[data-tone] p,.folder-card[data-tone] small{color:var(--muted)}
.folder-card:hover{background:#f0e7d9;border-color:#b29573}
.pet-home-hero{background:#eee0cb;border-color:#d8c2a6;box-shadow:none}
.pet-home-copy h2,.goals-home-card h2,.goals-starter-card h2,.goals-challenge-card h2,.goals-companion-card h2{color:var(--ink)}
.pet-home-copy .eyebrow,.pet-home-copy p,.pet-home-level,.goals-home-card p,.goals-starter-card p,.goals-challenge-card p,.goals-companion-card p,.goals-starter-card li{color:var(--muted)}
.pet-home-level i{background:#a17a55}
.pet-home-actions>.primary-button{background:var(--plum);border-color:var(--plum);color:#fffdf8}
.pet-home-pillow{background:#c7a683;border-color:#ab8865;box-shadow:0 6px 0 #ab88652b,inset 0 0 0 6px #e5ccb0}
.pet-home-hero:before{background:radial-gradient(circle at 90% 9%,#fffdf8 0 3px,transparent 4px),radial-gradient(circle at 5% 64%,#c4a17a 0 2px,transparent 3px);background-size:69px 73px,111px 97px;opacity:.44}
.pet-home-goals{border-top-color:#d5bea2}
.pet-home-goals>button{background:var(--surface);border-color:#dfcdb7;color:var(--accent)}
.pet-home-goals>button>span{color:var(--accent)}
.pet-motion-toggle{background:var(--surface);border-color:#cdbda8;color:var(--accent)}
.pet-motion-toggle[aria-pressed=true]{background:var(--rose-soft)}
.goals-home-card,.goals-starter-card,.goals-challenge-card,.goals-companion-card{background:var(--surface);border-color:var(--line)}
.goals-home-card,.goals-progress-strip{background:#eee1cf;color:var(--accent)}
.goals-starter-card li svg{color:var(--accent)}
.planner-flower i{background:#c6a47d}.planner-flower b{background:#fffdf8}
.chip[aria-pressed='true'],.chip.active,.diary-rating button[aria-pressed='true']{background:var(--accent);border-color:var(--accent);color:#fffdf8}
.progress-chart-line,.progress-point-dot{stroke:#89613f}
.progress-chart-point[aria-pressed='true'] .progress-point-dot{fill:#c9a47a;stroke:#503524}
input,textarea,select{background:var(--surface);color:var(--ink);border-color:#cebfad;accent-color:var(--accent)}
input::placeholder,textarea::placeholder{color:#897663}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#89613f}
@media(max-width:359px){.mobile-brand{flex-basis:103px;width:103px}.mobile-brand .locked-logo{width:103px;max-height:65px}.topbar{gap:5px;min-height:78px}.header-actions{gap:4px}.onboarding-brand{max-width:180px}.onboarding-brand .locked-logo{height:108px}}
@media(min-width:760px){.onboarding-brand{max-width:230px}.onboarding-brand .locked-logo{height:140px}}
@media(min-width:1060px){.sidebar{background:var(--surface);border-color:var(--line);box-shadow:none}.brand{padding:22px 0 24px}.navigation a{color:var(--muted)}.navigation a:hover{background:#f0e7d9;color:var(--ink)}.navigation a[aria-current='page']{background:#e8d7c1;color:var(--ink)}.sidebar-bottom{color:var(--muted)}.sidebar-bottom .text-button{color:var(--accent)}}
