/* ============================================================
 * CrossAIHub · phase4-v1-bridge.css
 * Phase 4.9 · Milestone 4.9.0 · 2026-07-08
 *
 * Purpose: translate V1's saturated "JOY" palette into the muted
 *   Phase 4 "House Bible" palette so V1 pages inherit the same
 *   visual DNA as Phase 4 rooms — with ZERO markup surgery.
 *
 * Loaded LAST after:
 *   theme-tokens.css
 *   theme-base.css
 *   theme-{category}.css
 *   theme-components.css
 *   theme-tech-amp.css
 *   tech-visuals.css
 *
 * Only redefines CSS custom properties on :root.
 * NO selector rules (except one localized rule for the rainbow-stripe accent).
 * NO structural markup changes.
 *
 * Preserves: HTML, text, links, routes, SEO, canonical, JSON-LD, OG/Twitter,
 *   ARIA attributes, KJV verses, citations, structured data, alt text.
 *
 * Source: CROSSAIHUB_HOUSE_BIBLE.md Part 4  ·  phase4-tokens.css § Colors.
 * ============================================================ */

:root {
  /* ─── House Bible canonical anchors (mirror of phase4-tokens.css) ─────── */
  --ch-parchment-1: #FDFBF5;
  --ch-parchment-2: #F6EFDF;
  --ch-parchment-3: #EAE2CB;
  --ch-parchment-4: #E0D4B0;

  --ch-ink:         #2B2418;
  --ch-ink-warm:    #4A3820;
  --ch-ink-muted:   #6B5A3F;
  --ch-sanctuary:   #3C2E1B;

  --ch-wax-burgundy:      #6B1F2E;
  --ch-wax-burgundy-warm: #7A2532;

  --ch-chalice-gold:       #B48748;
  --ch-chalice-gold-glint: #D6A868;
  --ch-chalice-gold-deep:  #7A5820;

  --ch-madder:  #973C3C;
  --ch-indigo:  #3A4A6C;
  --ch-moss:    #6B7B4B;
  --ch-enamel:  #4C6C8F;
  --ch-flame:   #E9B25E;

  /* ─── V1 canonical palette overrides ─────────────────────────────────── */

  /* Cream / parchment family — mostly kept (already warm) */
  --cream-100: #FFFEFB;
  --cream-200: var(--ch-parchment-1);
  --cream-300: var(--ch-parchment-2);
  --cream-400: var(--ch-parchment-3);

  /* Gold — bright JOY gold → muted chalice gold */
  --gold-100: #F4E3C2;
  --gold-200: var(--ch-chalice-gold-glint);
  --gold-300: var(--ch-chalice-gold);
  --gold-400: var(--ch-chalice-gold-deep);

  /* Peach / Sunrise — bright orange → warm chalice-adjacent */
  --peach-100: #F5E4CE;
  --peach-200: #E9C69C;
  --peach-300: var(--ch-chalice-gold-glint);
  --coral:     var(--ch-madder);

  /* Rose / Love — vivid pink → warm madder tones */
  --rose-100: #EBD4CE;
  --rose-200: #C89A96;
  --rose-300: #A66565;
  --rose-400: var(--ch-madder);

  /* Sky / Hope — bright blue → warm enamel */
  --sky-100: #D8DFE8;
  --sky-200: #B2BFCF;
  --sky-300: #6E86A5;
  --sky-400: var(--ch-enamel);

  /* Sage / Life — vivid green → muted moss */
  --sage-100: #DAE0C7;
  --sage-200: #B5C094;
  --sage-300: #8A9563;
  --sage-400: var(--ch-moss);

  /* Lavender / Grace — vivid purple → warm indigo */
  --lav-100: #D9D3E1;
  --lav-200: #A7A0BF;
  --lav-300: var(--ch-indigo);

  /* Butter / Mint accents — bright yellow / mint → chalice flame / moss */
  --butter:   var(--ch-flame);
  --mint-100: #C7D9C0;
  --mint-200: var(--ch-moss);

  /* Ink — cool grey → warm brown */
  --ink:       var(--ch-ink);
  --ink-soft:  var(--ch-ink-warm);
  --ink-muted: var(--ch-ink-muted);

  /* Neon accents — all softened to House Bible muted equivalents */
  --cyan-electric: var(--ch-enamel);
  --lime-glow:     var(--ch-moss);
  --magenta-spark: var(--ch-madder);
  --neon-violet:   var(--ch-indigo);
  --neon-orange:   var(--ch-chalice-gold-glint);

  /* Semantic roles → House Bible */
  --primary:          var(--ch-wax-burgundy);
  --secondary:        var(--ch-chalice-gold);
  --surface:          var(--ch-parchment-1);
  --surface-raised:   #FFFEFB;
  --on-surface:       var(--ch-ink);
  --on-surface-muted: var(--ch-ink-warm);

  /* Per-theme signature hooks */
  --page-bg:        var(--ch-parchment-1);
  --page-accent:    var(--ch-chalice-gold);
  --page-accent-2:  var(--ch-madder);
  --hero-from:      #F4E3C2;
  --hero-to:        var(--ch-parchment-2);

  /* ─── V1 legacy prefixed aliases (jp-*, joy-*, gold-*, navy, etc.) ───── */

  --jp-cream-100: #FFFEFB;
  --jp-cream-200: var(--ch-parchment-1);
  --jp-cream-300: var(--ch-parchment-2);
  --jp-cream-400: var(--ch-parchment-3);
  --jp-gold-100: #F4E3C2;
  --jp-gold-200: var(--ch-chalice-gold-glint);
  --jp-gold-300: var(--ch-chalice-gold);
  --jp-gold-400: var(--ch-chalice-gold-deep);
  --jp-peach-100: #F5E4CE;
  --jp-peach-200: #E9C69C;
  --jp-peach-300: var(--ch-chalice-gold-glint);
  --jp-coral: var(--ch-madder);
  --jp-rose-100: #EBD4CE;
  --jp-rose-200: #C89A96;
  --jp-rose-300: #A66565;
  --jp-rose-400: var(--ch-madder);
  --jp-sky-100: #D8DFE8;
  --jp-sky-200: #B2BFCF;
  --jp-sky-300: #6E86A5;
  --jp-sky-400: var(--ch-enamel);
  --jp-sage-100: #DAE0C7;
  --jp-sage-200: #B5C094;
  --jp-sage-300: #8A9563;
  --jp-sage-400: var(--ch-moss);
  --jp-lav-100: #D9D3E1;
  --jp-lav-200: #A7A0BF;
  --jp-lav-300: var(--ch-indigo);
  --jp-butter: var(--ch-flame);
  --jp-mint-100: #C7D9C0;
  --jp-mint-200: var(--ch-moss);
  --jp-ink: var(--ch-ink);
  --jp-ink-soft: var(--ch-ink-warm);
  --jp-ink-muted: var(--ch-ink-muted);

  --joy-gold: var(--ch-chalice-gold);
  --joy-gold-bright: var(--ch-chalice-gold-glint);
  --joy-coral: var(--ch-madder);
  --joy-cream-warm: var(--ch-parchment-2);
  --joy-olive-deep: var(--ch-moss);
  --church-stained: var(--ch-indigo);

  --gold: var(--ch-chalice-gold);
  --gold-bright: var(--ch-chalice-gold-glint);
  --gold-deep: var(--ch-chalice-gold-deep);
  --c-gold: var(--ch-chalice-gold);
  --c-gold-lite: var(--ch-chalice-gold-glint);

  --navy: var(--ch-ink);
  --navy-deep: var(--ch-ink);
  --c-navy: var(--ch-ink);
  --ink-strong: var(--ch-ink);
  --muted: var(--ch-ink-muted);
  --cream: var(--ch-parchment-1);
  --cream-warm: var(--ch-parchment-2);
  --paper: #FFFEFB;
  --surface-2: var(--ch-parchment-2);
  --accent: var(--ch-chalice-gold);
  --accent-strong: var(--ch-wax-burgundy);

  /* ─── Elevation retuned to warm-brown ink ────────────────────────────── */
  --hair: 1px solid var(--ch-parchment-3);
  --line: 1px solid var(--ch-parchment-3);
  --border-gold: 1px solid var(--ch-chalice-gold);
  --sh-soft: 0 1px 2px rgba(43, 36, 24, 0.04), 0 8px 24px rgba(43, 36, 24, 0.05);
  --sh-md:   0 2px 6px rgba(43, 36, 24, 0.06), 0 14px 40px rgba(43, 36, 24, 0.07);
  --glow-soft: 0 0 0 4px rgba(180, 135, 72, 0.18);

  /* ─── Gradients — flattened to warm parchment / muted House Bible ─────── */
  --grad-dawn:    linear-gradient(165deg, #F4E3C2 0%, var(--ch-parchment-2) 100%);
  --grad-noon:    linear-gradient(165deg, var(--ch-parchment-1) 0%, #E7EAE6 100%);
  --grad-grace:   linear-gradient(165deg, #D9D3E1 0%, var(--ch-parchment-1) 100%);
  --grad-sky:     linear-gradient(180deg, #D8DFE8 0%, #FFFEFB 100%);
  --grad-meadow:  linear-gradient(165deg, #B5C094 0%, var(--ch-parchment-1) 100%);
  --grad-sunset:  linear-gradient(165deg, #E9C69C 0%, #EBD4CE 100%);
  --grad-spectrum: linear-gradient(90deg,
    #C89A96,
    #E9C69C,
    var(--ch-chalice-gold-glint),
    var(--ch-flame),
    #C7D9C0,
    #D8DFE8,
    #D9D3E1);
}

/* ─── Rainbow stripe accent (V1 footer element) — mute to House spectrum ─── */
/*
 * Kept as a targeted class override because the `.rainbow-stripe` element
 * carries an inline background gradient in some templates. All other visual
 * atmosphere is handled purely via :root variable overrides.
 */
.rainbow-stripe {
  background: linear-gradient(90deg,
    var(--ch-madder) 0%,
    var(--ch-chalice-gold-glint) 20%,
    var(--ch-chalice-gold) 40%,
    var(--ch-flame) 55%,
    var(--ch-moss) 70%,
    var(--ch-enamel) 85%,
    var(--ch-indigo) 100%);
}