/* Approved MOS family. Add AFTER existing kit. Opt in on app HTML or staff wrapper.
   Identity only: no status, action, routing, storage, or permission changes. */
:is(html, body, main, section, div)[data-mos-app] {
  --mos-family-ground: #fff; --mos-family-ink: #121827;
  --mos-family-muted: #596273; --mos-family-line: #e5e8ed;
  --mos-family-card-radius: 18px;
  --mo-page: var(--mos-family-ground); --mo-card: var(--mos-family-ground);
  --mo-field: var(--mos-family-ground); --mo-ink: var(--mos-family-ink);
  --mo-muted: var(--mos-family-muted); --mo-line: var(--mos-family-line);
  color: var(--mos-family-ink); background: var(--mos-family-ground);
  font-family: var(--mo-font, Inter), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
/* Scope body type without changing rem spacing or explicit app preferences. */
:is(body, main, section, div)[data-mos-app] { font-size: calc(13px * var(--mos-ts, 1)); }
html[data-mos-app] body { font-size: calc(13px * var(--mos-ts, 1)); }
[data-mos-app] .mo-wordmark__lede { font-weight: 600; letter-spacing: -.035em; }
[data-mos-app] .mo-wordmark__os { font-weight: 300; font-size: .76em; letter-spacing: .025em; margin-left: .1em; font-synthesis: none; }
[data-mos-app] .mo-brand > svg path,
[data-mos-app] .mos-family-mark path { fill: var(--mos-group-mark); }
[data-mos-app] .mo-brand > svg { width: 50px; height: 50px; flex-shrink: 0; }
[data-mos-app] :is(.mo-card, .mo-tile) { background: var(--mos-family-ground); border-color: var(--mos-family-line); border-radius: var(--mos-family-card-radius); }
[data-mos-app] .mos-family-icon { width: 72px; height: 72px; flex-shrink: 0; }
@media (max-width: 768px) {
  :is(body, main, section, div)[data-mos-app], html[data-mos-app] body { font-size: calc(17px * var(--mos-ts, 1)); }
  [data-mos-app] .mo-brand > svg { width: 46px; height: 46px; }
}
[data-mos-app="finance"], [data-mos-app="hr"], [data-mos-app="roles"], [data-mos-app="comms"] { --mos-group-mark: #34A853; --mos-group-ink: #188038; --mos-group-night: #80d99b; }
[data-mos-app="globalconnect"], [data-mos-app="connect"], [data-mos-app="heartbeat"], [data-mos-app="tally"] { --mos-group-mark: #4285F4; --mos-group-ink: #185ABC; --mos-group-night: #98beff; }
[data-mos-app="develop"], [data-mos-app="planting"] { --mos-group-mark: #FF7900; --mos-group-ink: #A83C00; --mos-group-night: #FFAE78; }
[data-mos-app="notes"], [data-mos-app="sermonprep"], [data-mos-app="preachitback"] { --mos-group-mark: #8338EC; --mos-group-ink: #6D28D9; --mos-group-night: #C7A6FF; }
/* The native kit's data-mos-text/--mos-ts is owned by its preference provider.
   An adapter with an independent text preference must set --mos-ts from that preference. */

/* Explicit theme preference stays supported; group colors never stand for state. */
[data-theme="dark"][data-mos-app], [data-theme="dark"] :is(body, main, section, div)[data-mos-app] {
  --mos-family-ground: #080b11; --mos-family-ink: #f4f6fa;
  --mos-family-muted: #b3bdcd; --mos-family-line: #2b3340;
  --mos-group-mark: var(--mos-group-night);
}