/* BibleQuest V4 family identities.
   Presentation only. Loaded after all other V4 family layers so the six
   experience families can share one design system without sharing one color
   identity. Semantic status colors and feature/data ownership remain unchanged. */

:root{
  --family-home-deep:var(--forest-900);
  --family-home-accent:var(--amber-600);
  --family-home-soft:var(--amber-100);

  --family-learn-deep:#2F3F72;
  --family-learn-accent:#5267A8;
  --family-learn-soft:#E9ECF8;

  --family-play-deep:#4B2C73;
  --family-play-accent:#7652A8;
  --family-play-soft:#EFE8F8;

  --family-grow-deep:#205D5A;
  --family-grow-accent:#3F7F79;
  --family-grow-soft:#E2F1EE;

  --family-community-deep:#7B3F32;
  --family-community-accent:#A85C47;
  --family-community-soft:#F7E6E0;

  --family-ministry-deep:#38444B;
  --family-ministry-accent:#5E6C74;
  --family-ministry-soft:#E9ECEE;
}

/* Explore / Home / Journey intentionally retain the existing forest + amber
   home-base identity. The semantic tokens above make that choice explicit. */

/* Learn / Read / Study — calmer editorial indigo. */
.bq-learn-primary{
  border-color:var(--family-learn-deep);
  background:linear-gradient(145deg,var(--family-learn-deep),var(--family-learn-accent));
}
.bq-learn-primary-icon{background:color-mix(in srgb,var(--family-learn-soft) 28%,transparent);color:var(--family-learn-soft)}
.bq-reader-title h2,.bq-reader-source b{color:var(--family-learn-deep)}
.bq-verse.is-highlighted{background:color-mix(in srgb,var(--family-learn-soft) 78%,var(--surface-raised));box-shadow:inset 3px 0 var(--family-learn-accent)}
:is([data-study-page],[data-deep-page],[data-story-page],[data-wisdom-page],[data-adaptive-page],[data-open-review-view]){
  --study-accent:var(--family-learn-accent);
  --study-accent-deep:var(--family-learn-deep);
  --study-warm:var(--family-learn-soft);
}
:is([data-study-page],[data-deep-page],[data-story-page],[data-adaptive-page],[data-open-review-view]) .bq-game-progress i{
  background:linear-gradient(90deg,var(--family-learn-deep),var(--family-learn-accent));
}
[data-study-page] .bq-study-head,[data-story-page] .bq-story-head{
  background:linear-gradient(145deg,var(--surface-raised),color-mix(in srgb,var(--family-learn-soft) 62%,var(--surface-raised)));
}

/* Play / Games / Avatar — collectible purple. Correct/wrong/status colors are
   deliberately not overridden here; semantic outcome colors remain universal. */
.bq-game-card{background:linear-gradient(155deg,var(--surface-raised),color-mix(in srgb,var(--family-play-soft) 72%,var(--surface-raised)))}
.bq-game-card>span,.bq-game-explanation>span,.bq-game-explanation>small,.bq-recall-book>strong,.bq-recall-answer small,.bq-timeline-number{color:var(--family-play-deep)}
.bq-game-progress i{background:var(--family-play-accent)}
.bq-game-choice:hover:not(:disabled){border-color:color-mix(in srgb,var(--family-play-accent) 48%,var(--line-200))}
.bq-recall-icon{background:var(--family-play-soft);color:var(--family-play-deep)}
.bq-recall-answer{background:color-mix(in srgb,var(--family-play-soft) 70%,var(--surface-raised))}
.bq-memory-meadow{background:linear-gradient(180deg,color-mix(in srgb,var(--family-play-soft) 72%,var(--surface-raised)),color-mix(in srgb,var(--family-play-accent) 8%,var(--surface-raised)))}
.bq-avatar-vault h1,.bq-avatar-vault h2{color:var(--family-play-deep)}

/* Grow / Reflect — calm teal. Account/device surfaces remain neutral because
   they are trust/utility screens rather than reflective-growth content. */
[data-transform-page] .bq-transform-head::before{background:var(--family-grow-accent)}
[data-transform-page] .bq-transform-head h1,[data-personality-profile-page] h1,[data-psychometrics-page] h1{color:var(--family-grow-deep)}
[data-transform-page] .bq-transform-scale button.is-selected,
[data-transform-page] .bq-transform-scale button[aria-pressed="true"]{
  border-color:var(--family-grow-deep);
  background:color-mix(in srgb,var(--family-grow-soft) 68%,var(--surface-raised));
  color:var(--family-grow-deep);
}
[data-transform-page] .bq-transform-bars i{background:var(--family-grow-accent)}
[data-private-notes-view] .bq-private-notes-head h1,[data-cloud-notes-view] .bq-cloud-notes-head h1,[data-cloud-notes-view]>h1{color:var(--family-grow-deep)}
[data-cloud-notes-view] .bq-cloud-notes-boundary{border-left-color:var(--family-grow-accent);background:color-mix(in srgb,var(--family-grow-soft) 46%,var(--surface-raised))}

/* Community / Relational — warm terracotta, clearly distinct from ministry. */
.bq-community-head h1,.bq-couples-hero h1,.bq-journey-groups-head h1{color:var(--family-community-deep)}
.bq-community-grid button:hover,.bq-community-grid button:focus-visible{border-color:color-mix(in srgb,var(--family-community-accent) 50%,var(--line-200));background:color-mix(in srgb,var(--family-community-soft) 50%,var(--surface-raised))}
.bq-community-summary>div:first-child{background:linear-gradient(180deg,var(--surface-raised),color-mix(in srgb,var(--family-community-soft) 50%,var(--surface-raised)));color:var(--family-community-deep)}
.bq-couples-hero{border-color:color-mix(in srgb,var(--family-community-accent) 28%,var(--line-200));background:linear-gradient(150deg,var(--surface-raised),color-mix(in srgb,var(--family-community-soft) 70%,var(--surface-raised)))}
.bq-couples-active{border-color:color-mix(in srgb,var(--family-community-accent) 30%,var(--line-200));background:color-mix(in srgb,var(--family-community-soft) 46%,var(--surface-raised));color:var(--family-community-deep)}
.bq-couples-listen-note{border-left-color:var(--family-community-accent);background:linear-gradient(90deg,color-mix(in srgb,var(--family-community-soft) 62%,var(--surface-raised)),var(--surface-raised))}
.bq-journey-group-card{border-color:color-mix(in srgb,var(--family-community-accent) 22%,var(--line-200))}
.bq-journey-group-code code{background:var(--family-community-soft);color:var(--family-community-deep)}

/* Ministry / Ops / Admin — restrained slate. No playful treatment. */
[data-ministry-hub-view],[data-workspace-view],[data-assignments-view],.notification-center-toolbar,.notification-center-header,.notification-center-list{
  --ops-accent:var(--family-ministry-accent);
  --ops-soft:color-mix(in srgb,var(--family-ministry-soft) 64%,var(--surface-raised));
}
[data-ministry-hub-view]>.bq-community-head,[data-workspace-view]>.bq-community-head{
  border-color:color-mix(in srgb,var(--family-ministry-accent) 24%,var(--line-200));
  background:linear-gradient(145deg,var(--surface-raised),var(--ops-soft));
}
[data-ministry-hub-view]>.bq-community-head h1,[data-workspace-view]>.bq-community-head h1,[data-assignments-view]>h1,.notification-center-header h1{color:var(--family-ministry-deep)}
[data-ministry-tool][data-ministry-privileged-tool]{border-color:color-mix(in srgb,var(--family-ministry-accent) 32%,var(--line-200));background:linear-gradient(160deg,var(--surface-raised),var(--ops-soft))}
[data-assignment-detail]{border-left-color:var(--family-ministry-accent)!important}
.notification-center-item.is-unread{border-left-color:var(--family-ministry-accent);background:linear-gradient(90deg,var(--ops-soft),var(--surface-raised) 38%)}
[data-congregation-view]{border-color:color-mix(in srgb,var(--family-ministry-accent) 28%,var(--line-200))}
[data-congregation-view]::before{background:var(--family-ministry-accent)}
[data-congregation-view]>h1,[data-congregation-role]{color:var(--family-ministry-deep)}
[data-congregation-role]{border-color:color-mix(in srgb,var(--family-ministry-accent) 34%,var(--line-200))}

/* Family color is never the sole signal. Strong-contrast users get the shared
   neutral ink treatment while labels, icons, text and state semantics remain. */
@media(prefers-contrast:more){
  .bq-learn-primary{border-color:var(--ink-900);background:var(--ink-900)}
  .bq-reader-title h2,.bq-reader-source b,
  .bq-game-card>span,.bq-game-explanation>span,.bq-game-explanation>small,.bq-recall-book>strong,.bq-recall-answer small,.bq-timeline-number,
  [data-transform-page] .bq-transform-head h1,[data-personality-profile-page] h1,[data-psychometrics-page] h1,
  .bq-community-head h1,.bq-couples-hero h1,.bq-journey-groups-head h1,
  [data-ministry-hub-view]>.bq-community-head h1,[data-workspace-view]>.bq-community-head h1,[data-assignments-view]>h1,.notification-center-header h1,
  [data-congregation-view]>h1,[data-congregation-role]{color:var(--ink-900)}
  .bq-couples-hero,.bq-couples-active,.bq-journey-group-card,
  [data-ministry-hub-view]>.bq-community-head,[data-workspace-view]>.bq-community-head,[data-ministry-tool][data-ministry-privileged-tool],
  [data-congregation-view],[data-congregation-role]{border-color:var(--ink-700);background:var(--surface-raised);box-shadow:none}
}