/* ══════════════════════════════════════════════════════════════════
   lyra.css — Lyra brand aesthetic (Forge Orange)
   Used by: lyra, voicecli projects

   Brand tokens only. Semantic colors and typography come from
   base/components.css and base/typography.css respectively.
   ══════════════════════════════════════════════════════════════════ */

/* ── Brand Tokens — Dark (default) ── */
:root, [data-theme="dark"] {
  color-scheme: light dark;
  --bg:         #0a0a0f;
  --surface:    #18181f;
  --border:     #2a2a35;
  --text:       #fafafa;
  --text-muted: #9ca3af;
  --text-dim:   #6b7280;
  --accent:     #e85d04;
  --accent-dim: #7c2d0e;
  --accent-glow: rgba(232,93,4,0.22);
  --error:      #f87171;
}

/* ── Brand Tokens — Light (manual override) ── */
[data-theme="light"] {
  --bg:         #fafaf9;
  --surface:    #f4f4f0;
  --border:     #d1ccc7;
  --text:       #1c1917;
  --text-muted: #57534e;
  --text-dim:   #78716c;
  --accent:     #c2410c;
  --accent-dim: #fef2e8;
  --accent-glow: rgba(194,65,12,0.16);
  --error:      #dc2626;
}

/* ── Brand Tokens — Light (OS preference, unless manually dark) ── */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg:         #fafaf9;
    --surface:    #f4f4f0;
    --border:     #d1ccc7;
    --text:       #1c1917;
    --text-muted: #57534e;
    --text-dim:   #78716c;
    --accent:     #c2410c;
    --accent-dim: #fef2e8;
    --accent-glow: rgba(194,65,12,0.16);
  }
}

/* ══════════════════════════════════════════════════════════════════
   Slide mode — lyra aesthetic (used by forge-slides)
   Forge-orange warmth, flame-gradient accents, friendly.
   ══════════════════════════════════════════════════════════════════ */

.deck .slide--title {
  background-image:
    radial-gradient(ellipse at 50% 30%, var(--accent-glow) 0%, transparent 55%),
    linear-gradient(135deg, var(--bg) 0%, var(--surface) 100%);
}
.deck .slide--title .slide__display {
  background: linear-gradient(135deg, var(--accent) 0%, #f97316 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 700;
}
.deck .slide--title .slide__subtitle {
  color: var(--text-muted);
}
.deck .slide--content .slide__label { color: var(--accent); }
.deck .slide--content .slide__heading {
  color: var(--text);
  letter-spacing: -0.75px;
}
.deck .slide--content li::before { color: var(--accent); }
.deck .slide--section .slide__number {
  color: var(--accent);
  opacity: 0.1;
}
.deck .slide--closing {
  background-image:
    radial-gradient(ellipse at 50% 70%, var(--accent-glow) 0%, transparent 60%),
    linear-gradient(to top, var(--bg), var(--surface));
}
.deck .slide--closing .slide__heading {
  color: var(--accent);
  font-weight: 700;
}
.deck .slide--closing .cta {
  background: linear-gradient(135deg, var(--accent) 0%, #f97316 100%);
  color: #fff;
  border: none;
  font-weight: 700;
}
.deck .slide--quote .slide__quote-mark { color: var(--accent); }
.deck .slide--comparison .slide__col.accent {
  background: var(--accent-dim);
  border-color: var(--accent);
}