/* Website v5 color layer, aligned with brand/COLOR-GUIDE-v3.md.
   App navy remains the shared brand blue; this page adds the website's live signal accents. */
:root{
  --app-navy:#00266b;
  --app-accent:#4d6bf0;
  --app-primary:#b3c5ff;
  --app-surface:#05060b;
  --app-raised:#0e1120;
  --app-ink:#eef0fa;
  --app-muted:#a9aec6;
  --app-paper:#f6f7fb;
  --app-paper-ink:#0b0d17;
  --app-paper-muted:#4a5068;
  --app-human:#ffb547;
  --ink:#05060b;
  --deep:#0a0c14;
  --paper:#f6f7fb;
  --paper-text:#0b0d17;
  --muted:#a9aec6;
  --primary:#9c9bff;
  --human:#ffb547;
  --human-ink:#8a5a00;
  --line:rgba(238,240,250,.14);
  --dark-line:rgba(11,13,23,.16);
  --signal-indigo:#6d6bff;
  --signal-violet:#a78bfa;
  --signal-cyan:#3ddcff;
}

body{background:var(--ink);color:var(--app-ink)}
.paper{background:var(--paper);color:var(--paper-text)}
.dark{background:var(--ink);color:var(--app-ink)}
.hero{background:var(--ink)}
.pilot{background:#0e1120;color:var(--app-ink)}
.brief-scene{background:#131729;color:var(--app-ink)}

.intro,.hero-description,.horizon-copy>p:last-child,.pilot-measure>p{color:var(--app-ink)}
.muted,.dark .section-label,.section-heading>p,.mobile-stage-intro,
.platform-tabs button,.platform-tabs button>span:first-child,.window-brand>span,
.illustration-label,.connector,.source-file span:not(.file-check),.host-status,
.evidence-row b,.pilot-grid>div:first-child>p:not(.eyebrow),.pilot-journey p,
.footer-bottom{color:var(--app-muted)}
.paper .section-label,.intro-body>p:not(.large-copy),.tiny-index,.principles p,
.paper .section-heading>p,.lesson-plan li>span,.lesson-plan li>i,
.human-copy>.eyebrow,.human-lead,.human-accordion summary>span,
.human-accordion details p,.enterprise-controls button,.enterprise-grid p,
.trust-note p{color:var(--app-paper-muted)}

.signal:not(.warm){background:var(--signal-cyan);box-shadow:0 0 15px rgba(61,220,255,.28)}
.signal.warm{background:var(--human);box-shadow:0 0 15px rgba(255,181,71,.28)}
.platform-tabs button[aria-selected=true],.platform-tabs button[aria-selected=true]>span:first-child,
.file-icon,.file-check,.teacher-bar span,.voice-bars i,.evidence-bar i,.builder-heading,
.footer a:hover{color:var(--primary)}
.teacher-bar span,.voice-bars i,.evidence-bar i{color:var(--signal-cyan)}
.voice-bars i,.evidence-bar i{background:var(--signal-cyan)}
.platform-tabs button[aria-selected=true]{border-top-color:var(--signal-indigo)}
.answer-options button:hover,.answer-options button.selected{background:rgba(109,107,255,.10);border-color:var(--signal-indigo)}

.button-light,.brief-button{background:var(--app-primary);color:#002356}
.button-light:hover,.brief-button:hover{background:var(--primary);color:#0b0d17}
.button-light:focus-visible,.brief-button:focus-visible,
.dark :is(button,a,summary,select):focus-visible,.hero :is(button,a):focus-visible{outline-color:var(--primary)}
.paper :is(button,a,summary,select):focus-visible,.lesson-plan button:focus-visible{outline-color:var(--app-navy)}
.paper{--dark-line:rgba(11,13,23,.16)}
.human-picture{background:#d5e0f7}
.host-button{background:rgba(255,181,71,.10);border-color:rgba(255,181,71,.50)}
.host-button:hover{background:rgba(255,181,71,.18)}
.review-pill{background:rgba(246,247,251,.96);color:#0b0d17}

/* Human agency is warm on dark scenes and uses the accessible warm companion on paper. */
.hero h1 em,.horizon h2 em,.pilot-grid>div:first-child>h2 em,.brief-intro em{color:var(--human)}
.human-copy h2 em{color:var(--human-ink)}
.photo-caption{padding:8px 12px;border-radius:6px;background:rgba(5,6,11,.88);color:var(--app-ink)}