/* CODEX INTEGRATION PROPOSAL — NOT LIVE. Verify against the existing app CSS. */
/* PANTONE 294 C ≈ #002F6C on screens; Oranje ≈ #FF7900. */
:root, html[data-bible-language="en"] {
  --brand-pantone-294: #002F6C;
  --brand-oranje: #FF7900;
  --brand-es-yellow: #F5D447;
  --brand-logo-gold: #DDB66A;
  --brand-health-ok: #62FF75;
  --brand-health-offline: #FF3B3B;
  --bible-base: #06172C;
  --bible-surface: #102B50;
  --bible-surface-raised: #15385F;
  --bible-accent: var(--brand-pantone-294);
  --bible-accent-light: #6CB9FF;
  --bible-outline: #4881B0;
  --bible-ink: #FFFFFF;
  --bible-muted: #C7DBEE;
  --bible-action-ink: #FFFFFF;
  color-scheme: dark;
}
html[data-bible-language="nl"] {
  --bible-base: #251508;
  --bible-surface: #4A260E;
  --bible-surface-raised: #603210;
  --bible-accent: var(--brand-oranje);
  --bible-accent-light: #FFC078;
  --bible-outline: #CA7429;
  --bible-ink: #FFF7E9;
  --bible-muted: #F3C7A4;
  --bible-action-ink: #251508;
}
html[data-bible-language="es"] {
  --bible-base: #261F06;
  --bible-surface: #423614;
  --bible-surface-raised: #56451C;
  --bible-accent: var(--brand-es-yellow);
  --bible-accent-light: #FFF1A4;
  --bible-outline: #C3A439;
  --bible-ink: #FFFBEA;
  --bible-muted: #F1E4A5;
  --bible-action-ink: #281D03;
}
/* These are BIBLE-namespace scoped so other Garofalo apps are unaffected. */
.bible-app-shell {color:var(--bible-ink); background:var(--bible-base);}
.bible-app-shell .bible-nav,
.bible-app-shell .bible-panel,
.bible-app-shell .bible-card {background:var(--bible-surface); border:1px solid var(--bible-outline);}
.bible-app-shell .bible-brand-bar {background:linear-gradient(110deg,var(--bible-accent),var(--bible-surface-raised));}
.bible-app-shell .bible-action-primary {background:var(--bible-accent); color:var(--bible-action-ink); border:2px solid var(--bible-accent-light);}
.bible-app-shell button:focus-visible,
.bible-app-shell select:focus-visible,
.bible-app-shell [tabindex]:focus-visible {outline:3px solid var(--bible-accent-light);outline-offset:3px;}
.bible-app-shell button{min-height:44px;}
.bible-app-shell .bible-golden-cross {color:var(--brand-logo-gold);}
/* Small status crown (visual container reserved; never cover transport controls). */
.bible-app-shell .bible-health-beacon {width:22px;height:22px;position:relative;isolation:isolate;flex:0 0 22px;}
.bible-app-shell .bible-health-crown {position:relative;z-index:2;display:inline-grid;place-items:center;width:22px;height:22px;color:var(--brand-health-ok);animation:bible-crown-hard-flash .5s steps(1,end) infinite;}
.bible-app-shell .bible-health-ring {position:absolute;inset:-3px;border:1.5px solid #62ff75;border-radius:50%;pointer-events:none;animation:bible-ring-pulse 1.25s ease-out infinite;}
.bible-app-shell .bible-health-ring.secondary {inset:-6px;animation-delay:.65s;opacity:.55;}
.bible-app-shell .bible-health-beacon[data-status="offline"] .bible-health-crown {color:var(--brand-health-offline);animation:bible-crown-hard-flash .28s steps(1,end) infinite;}
.bible-app-shell .bible-health-beacon[data-status="offline"] .bible-health-ring {border-color:var(--brand-health-offline);}
@keyframes bible-crown-hard-flash {0%,49.9%{opacity:1;filter:drop-shadow(0 0 5px #62FF75);}50%,100%{opacity:0;filter:none;}}
@keyframes bible-ring-pulse {0%{opacity:.85;transform:scale(.84);}60%{opacity:.2;transform:scale(1.18);}100%{opacity:.1;transform:scale(1.28);}}
@media (prefers-reduced-motion:reduce){.bible-app-shell .bible-health-crown,.bible-app-shell .bible-health-ring{animation:none!important;opacity:1;}}

body{background:var(--bible-base);color:var(--bible-ink)}
.topbar,.v192-navigation{background:linear-gradient(110deg,var(--bible-accent),var(--bible-surface-raised))}
.hero .glass,.media-card,.card,.filters select,.v192-navigation button{background:var(--bible-surface);color:var(--bible-ink);border-color:var(--bible-outline)}
.primary{background:var(--bible-accent);color:var(--bible-action-ink);border:2px solid var(--bible-accent-light)}
button,select{min-height:44px}button:focus,select:focus,input:focus,a:focus{outline:3px solid var(--bible-accent-light)!important;outline-offset:3px}
#openStatus.brain-beacon{width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;border-radius:50%!important}
body.v192-fire-tv .v192-navhint{display:none}
.bible-language-bar{display:flex;gap:12px;align-items:center;padding:12px clamp(15px,4vw,60px);background:var(--bible-surface)}
.bible-language-bar select{background:var(--bible-surface-raised);color:var(--bible-ink);padding:10px;border-radius:8px}
@media(prefers-reduced-motion:reduce){.crown-svg,.brain-beacon::before,.brain-beacon::after{animation:none!important;opacity:1!important}}
.bible-language-bar{flex-wrap:wrap}.bible-children-toggle{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer}.bible-children-toggle input{width:22px;height:22px;accent-color:#DDB66A}.bible-children-toggle:focus-within{outline:2px solid var(--bible-accent-light);outline-offset:3px}#bibleLanguageCoverage{font-size:13px}
.emblem.brand-logo{width:52px;height:52px;border:0;background:transparent;box-shadow:none;overflow:hidden;border-radius:12px;flex-shrink:0}.emblem.brand-logo img{width:100%;height:100%;filter:none}