/* ═══════════════════════════════════════════════════════════════════
   ORBISTRA — Temas "Blunt" (Charles F. Blunt, c. 1840)
   Inspirado nas ilustrações de "The Beauty of the Heavens"

   Paleta reduzida a 4 cores:
   #1A1814  Ink/Void    — texto escuro & fundo escuro
   #F4C430  Solar       — cor primária de destaque
   #EDE0BD  Paper       — fundo claro, texto Ink
   #D4522C  Cinábrio    — tensão/aspectos difíceis (vermelhão histórico)

   Este arquivo define Celeste (blunt-light) e Observatório (blunt-dark).
   O :root base em styles.css cobre apenas o primeiro frame antes do tema aplicado pelo JS.
   ═══════════════════════════════════════════════════════════════════ */

/* ── TEMA BLUNT CLARO — "Celestial" ───────────────────────────────
   Observatório invertido: Paper (#EDE0BD) como fundo, Ink (#1A1814) como texto.
   Solar (#F4C430) como accent. Cinábrio (#D4522C) para tensão. */
:root[data-theme="blunt-light"] {
  --blue: #F4C430;
  --creme: #EDE0BD;
  --black: #1A1814;
  --bg: #EDE0BD;
  --bg-2: #E3D4AD;
  --bg-3: #D9CA9D;
  --surface: rgba(244,196,48,0.08);
  --surface-hover: rgba(244,196,48,0.15);
  --border: rgba(26,24,20,0.30);
  --border-bright: rgba(26,24,20,0.60);
  --text: #1A1814;
  --text-dim: rgba(26,24,20,0.60);
  --text-faint: rgba(26,24,20,0.35);
  --gold: #F4C430;
  --gold-dim: rgba(244,196,48,0.30);
  --ink: #1A1814;
  --blue-glow: rgba(244,196,48,0.35);
  --tension: #D4522C;
  --tension-rgb: 212,82,44;
  --blue-rgb: 244,196,48;
  --text-rgb: 26,24,20;
  --overlay-sep: rgba(26,24,20,0.15);
  --overlay-dot: rgba(244,196,48,0.25);
  --overlay-dot-active: rgba(244,196,48,0.55);
  /* Hub Gráficos — Ink/Solar + hover menta (faixa GRÁFICOS / Celeste) */
  --transit-hub-btn-bg: #1A1814;
  --transit-hub-btn-fg: #F4C430;
  --transit-hub-btn-border: #F4C430;
  --transit-hub-btn-hover-bg: #b2dadb;
  --transit-hub-btn-hover-border: #b2dadb;
  --transit-hub-btn-hover-fg: #1A1814;
  --transit-hub-btn-focus-ring: #F4C430;
  --transit-hub-title-color: #F4C430;
  /* Toolbar gráfico (launcher) — vidro Ink alinhado ao #app-header Celeste */
  --transit-toolbar-surface: color-mix(in srgb, #1a1814 85%, transparent);
  --transit-toolbar-surface-compact: color-mix(in srgb, #1a1814 78%, transparent);
  --transit-toolbar-border: rgba(26, 24, 20, 0.32);
  --transit-toolbar-toggle-color: rgba(26, 24, 20, 0.6);
  --transit-toolbar-toggle-hover-color: #1a1814;
  /* Menu gráficos (overlay) — tint menta + transparência (blur no styles) */
  --transit-graph-menu-surface: color-mix(in srgb, #b2dadb 62%, transparent);
  --transit-graph-menu-border: rgba(26, 24, 20, 0.2);
  --transit-graph-menu-divider: rgba(26, 24, 20, 0.16);
  --transit-graph-menu-item-bg: #1a1814;
  --transit-graph-menu-item-fg: #ede0bd;
  --transit-graph-menu-item-fg-active: #f4c430;
  --transit-graph-menu-item-sep: rgba(237, 224, 189, 0.18);
  /* Títulos inativos no launcher (menta): Ink literal */
  --transit-graph-menu-launcher-title: #1A1814;
  /* Player temporal — menos tint Ink no vidro (blur em .player-body); Solar no texto */
  --player-surface: color-mix(in srgb, #1A1814 58%, transparent);
  --player-border: rgba(244,196,48,0.38);
  --player-shadow: 0 2px 16px rgba(26,24,20,0.28);
  --player-color: #F4C430;
  --player-color-dim: rgba(244,196,48,0.55);
  --player-default-opacity: 0.78;
}

[data-theme="blunt-light"] body {
  font-weight: 500;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
}

/* Card de trânsito — apenas Celestial */
:root[data-theme="blunt-light"] .tl-card.tl-card--astro {
  background: #1A1814;
}
:root[data-theme="blunt-light"] .tl-card.tl-card--astro:hover {
  background: #1A1814;
  border-color: var(--bg);
}
:root[data-theme="blunt-light"] .tl-card.tl-card--astro .tl-card-row1,
:root[data-theme="blunt-light"] .tl-card.tl-card--astro .tl-card-astro-head,
:root[data-theme="blunt-light"] .tl-card.tl-card--astro .tl-card-astro-head > .tl-card-desc,
:root[data-theme="blunt-light"] .tl-card.tl-card--astro .tl-card-astro-aside .tl-graph-info-row--home:first-child {
  border-color: rgba(244,196,48,0.35);
}
:root[data-theme="blunt-light"] .tl-card.tl-card--astro .tl-card-date,
:root[data-theme="blunt-light"] .tl-card.tl-card--astro .tl-card-title,
:root[data-theme="blunt-light"] .tl-card.tl-card--astro .tl-card-desc {
  color: #F4C430;
}

/* Cards / timeline de trânsito — Celeste (mockup: base + tom por aspecto) */
:root[data-theme="blunt-light"] {
  --tl-bar-base: #d9ca9d;
  --tl-split-card: 40%;
  --tl-split-widget: 50%;
}
:root[data-theme="blunt-light"] .tl-card.tl-card--transit {
  border-color: #1A1814;
  --tl-canvas-text: #1A1814;
  --tl-canvas-text-dim: rgba(26, 24, 20, 0.60);
}
:root[data-theme="blunt-light"] .tl-card.tl-card--transit:hover {
  border-color: var(--border-bright);
}
:root[data-theme="blunt-light"] .tl-card.tl-card--transit .tl-card-head,
:root[data-theme="blunt-light"] .tl-card.tl-card--transit .tl-card-time {
  border-color: #1A1814;
}
:root[data-theme="blunt-light"] .tl-card.tl-card--transit .tl-card-title,
:root[data-theme="blunt-light"] .tl-card.tl-card--transit .tl-card-desc--paragraph,
:root[data-theme="blunt-light"] .tl-card.tl-card--transit .tl-card-desc--ai {
  color: #1A1814;
}
:root[data-theme="blunt-light"] .transit-lcard--neutro,
:root[data-theme="blunt-light"] .tl-card.tl-card--transit--neutro,
:root[data-theme="blunt-light"] .ov2-tl.ov2-tl--neutro,
:root[data-theme="blunt-light"] .ov2-foot.ov2-foot--neutro {
  --tl-bar-tone: #d0dac9;
}
:root[data-theme="blunt-light"] .transit-lcard--harmonico,
:root[data-theme="blunt-light"] .tl-card.tl-card--transit--harmonico,
:root[data-theme="blunt-light"] .ov2-tl.ov2-tl--harmonico,
:root[data-theme="blunt-light"] .ov2-foot.ov2-foot--harmonico {
  --tl-bar-tone: #f0cc71;
}
:root[data-theme="blunt-light"] .transit-lcard--tensao,
:root[data-theme="blunt-light"] .tl-card.tl-card--transit--tensao,
:root[data-theme="blunt-light"] .ov2-tl.ov2-tl--tensao,
:root[data-theme="blunt-light"] .ov2-foot.ov2-foot--tensao {
  --tl-bar-tone: #e0946f;
}

/* Fundo Ink no container do gráfico de aspecto — apenas Celestial */
:root[data-theme="blunt-light"] .tl-card.tl-card--astro .tl-card-graph-wrap {
  background: #1A1814;
}
:root[data-theme="blunt-light"] .tl-card-graph::before {
  background: #1A1814;
}

/* Header — Celestial */
:root[data-theme="blunt-light"] #app-header {
  background: color-mix(in srgb, #1A1814 85%, transparent);
}
:root[data-theme="blunt-light"] .ios-standalone #app-header::before {
  background: color-mix(in srgb, #1A1814 85%, transparent);
}
:root[data-theme="blunt-light"] .logo-l1,
:root[data-theme="blunt-light"] .logo-wordmark,
:root[data-theme="blunt-light"] .logo-cursor-slot .logo-underline-cursor,
:root[data-theme="blunt-light"] .oracle-header-btn {
  color: #F4C430;
}

/* Cursor "_" do Orby no footer — Celeste: Ink (header #oracle-btn só desktop: herda gold de .oracle-header-btn) */
:root[data-theme="blunt-light"] #oracle-btn-footer .typewriter-cursor.orby-cursor {
  color: var(--black);
}
:root[data-theme="blunt-light"] #footer-nav.overlay-active #oracle-btn-footer .typewriter-cursor.orby-cursor {
  color: var(--text-dim);
}
:root[data-theme="blunt-light"] #footer-nav.overlay-active .oracle-footer-btn.mobile-oracle-footer:hover .typewriter-cursor.orby-cursor {
  color: var(--text);
}

/* Datebar (linha da data na home) — fundo azul Celestial, texto Ink */
:root[data-theme="blunt-light"] .header-datebar {
  background: #b2dadb;
  color: #1A1814;
  border-color: #b2dadb;
}

:root[data-theme="blunt-light"] .header-transit-report-bar {
  background: #b2dadb;
  color: #1A1814;
  border-color: #b2dadb;
}
:root[data-theme="blunt-light"] .header-transit-graphs-bar {
  background: #b2dadb;
  color: #1A1814;
  border-color: #b2dadb;
}
:root[data-theme="blunt-light"] #transit-graphs-hub .transit-graph-hub-card {
  color: inherit;
  border-color: inherit;
}
:root[data-theme="blunt-light"] #transit-graphs-hub .transit-graph-hub-card:hover {
  color: inherit;
  border-color: inherit;
}
:root[data-theme="blunt-light"] .header-transit-report-bar-label,
:root[data-theme="blunt-light"] .header-transit-report-bar .report-date-range.header-transit-report-bar-date {
  color: rgba(26, 24, 20, 0.65);
}

/* Footer — tint gold */
:root[data-theme="blunt-light"] #footer-nav {
  background: color-mix(in srgb, #F4C430 85%, transparent);
}
:root[data-theme="blunt-light"] .ios-standalone #footer-nav::before {
  background: linear-gradient(
    to top,
    #F4C430 0%,
    color-mix(in srgb, #F4C430 88%, transparent) 28%,
    color-mix(in srgb, #F4C430 10%, transparent) 100%
  );
}

/* Orby no footer mobile — Ink no Celeste (header mantém Solar) */
:root[data-theme="blunt-light"] #footer-nav .oracle-footer-btn.mobile-oracle-footer {
  color: var(--black);
  opacity: 1;
}
:root[data-theme="blunt-light"] #footer-nav.overlay-active .oracle-footer-btn.mobile-oracle-footer {
  color: var(--text-dim);
}
:root[data-theme="blunt-light"] #footer-nav.overlay-active .oracle-footer-btn.mobile-oracle-footer:hover {
  color: var(--text);
}

/* Daily horoscope cards — Celestial */
:root[data-theme="blunt-light"] .daily-horoscope-card {
  background: #1A1814;
  border-color: #F4C430;
  color: #F4C430;
}
:root[data-theme="blunt-light"] .daily-horoscope-card .daily-horo-p1,
:root[data-theme="blunt-light"] .daily-horoscope-card .daily-horo-text p,
:root[data-theme="blunt-light"] .daily-horoscope-card .daily-horo-label,
:root[data-theme="blunt-light"] .daily-horoscope-card .daily-horo-col-title,
:root[data-theme="blunt-light"] .daily-horoscope-card .daily-horo-header {
  color: #F4C430;
}
/* Colunas "Energias" e "Na Prática" ficam em #daily-horo-cols (irmão do card) */
:root[data-theme="blunt-light"] .daily-horo-cols .daily-horo-col-box {
  background: #1A1814;
  border-color: #F4C430;
}
:root[data-theme="blunt-light"] .daily-horo-cols .daily-horo-col-p,
:root[data-theme="blunt-light"] .daily-horo-cols .daily-horo-col-title {
  color: #F4C430;
}

/* ── TEMA BLUNT ESCURO — "Observatório" ──────────────────────────
   Ink (#1A1814) + Solar (#F4C430) + Paper (#EDE0BD)
   Inspirado nos painéis A·NOTURNO e D·ÓRBITA da referência. */
:root[data-theme="blunt-dark"] {
  --blue: #F4C430;
  --creme: #EDE0BD;
  --black: #1A1814;
  --bg: #1A1814;
  --bg-2: #22201C;
  --bg-3: #2A2824;
  --surface: rgba(244,196,48,0.08);
  --surface-hover: rgba(244,196,48,0.15);
  --border: rgba(244,196,48,0.25);
  --border-bright: rgba(244,196,48,0.55);
  --text: #EDE0BD;
  --text-dim: rgba(237,224,189,0.60);
  --text-faint: rgba(237,224,189,0.35);
  --gold: #F4C430;
  --gold-dim: rgba(244,196,48,0.30);
  --ink: #1A1814;
  --blue-glow: rgba(244,196,48,0.35);
  --tension: #D4522C;
  --tension-rgb: 212,82,44;
  --blue-rgb: 244,196,48;
  --text-rgb: 237,224,189;
  --overlay-sep: rgba(244,196,48,0.12);
  --overlay-dot: rgba(244,196,48,0.22);
  --overlay-dot-active: rgba(244,196,48,0.50);
  /* Hub Gráficos — tile acima do Ink; hover Paper (sem menta Celeste) */
  --transit-hub-btn-bg: #22201C;
  --transit-hub-btn-fg: #F4C430;
  --transit-hub-btn-border: rgba(244, 196, 48, 0.55);
  --transit-hub-btn-hover-bg: color-mix(in srgb, var(--creme) 14%, var(--bg));
  --transit-hub-btn-hover-border: #F4C430;
  --transit-hub-btn-hover-fg: #EDE0BD;
  --transit-hub-btn-focus-ring: #F4C430;
  --transit-hub-title-color: #F4C430;
  /* Toolbar gráfico — vidro escuro + borda Solar (paridade header Observatório) */
  --transit-toolbar-surface: color-mix(in srgb, var(--bg) 85%, transparent);
  --transit-toolbar-surface-compact: color-mix(in srgb, var(--bg) 78%, transparent);
  --transit-toolbar-border: var(--border-bright);
  --transit-toolbar-toggle-color: rgba(237, 224, 189, 0.6);
  --transit-toolbar-toggle-hover-color: #f4c430;
  /* Menu gráficos — vidro escuro + lista Ink */
  --transit-graph-menu-surface: color-mix(in srgb, var(--bg) 72%, transparent);
  --transit-graph-menu-border: var(--border-bright);
  --transit-graph-menu-divider: rgba(244, 196, 48, 0.22);
  --transit-graph-menu-item-bg: #1a1814;
  --transit-graph-menu-item-fg: #ede0bd;
  --transit-graph-menu-item-fg-active: #f4c430;
  --transit-graph-menu-item-sep: rgba(244, 196, 48, 0.2);
  /* Launcher sobre vidro escuro: Paper (--text), não Ink literal */
  --transit-graph-menu-launcher-title: var(--text);
  /* Player temporal — vidro mais aberto para o gráfico por baixo */
  --player-surface: color-mix(in srgb, #22201C 68%, transparent);
  --player-border: rgba(244,196,48,0.35);
  --player-shadow: 0 2px 20px rgba(0,0,0,0.45), 0 0 0 1px rgba(244,196,48,0.12);
  --player-color: #F4C430;
  --player-color-dim: rgba(244,196,48,0.55);
  --player-default-opacity: 0.78;
}

[data-theme="blunt-dark"] body {
  font-weight: 500;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
}

/* Header / footer — vidro Observatório (paridade com Celeste: mix ~85% vs. 10% do legado) */
:root[data-theme="blunt-dark"] #app-header {
  background: color-mix(in srgb, var(--bg) 85%, transparent);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
:root[data-theme="blunt-dark"] .ios-standalone #app-header::before {
  background: color-mix(in srgb, var(--bg) 85%, transparent);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
:root[data-theme="blunt-dark"] #footer-nav {
  background: color-mix(in srgb, var(--bg) 85%, transparent);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
:root[data-theme="blunt-dark"] .ios-standalone #footer-nav::before {
  background: linear-gradient(
    to top,
    var(--bg) 0%,
    color-mix(in srgb, var(--bg) 88%, transparent) 28%,
    color-mix(in srgb, var(--bg) 85%, transparent) 100%
  );
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Painel menu mobile — só Observatório: blur forte + tint mais fechado (Celeste mantém 55% na base) */
:root[data-theme="blunt-dark"] .mobile-menu-panel-glass {
  background: color-mix(in srgb, #1A1814 85%, transparent);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* Faixa GRÁFICOS — Observatório: mistura Paper coerente com hover do hub */
:root[data-theme="blunt-dark"] .header-transit-graphs-bar {
  background: color-mix(in srgb, var(--creme) 10%, var(--bg));
  color: var(--text);
  border-color: var(--border);
}

/* Card de trânsito — Observatório */
:root[data-theme="blunt-dark"] .tl-card.tl-card--astro {
  background: #1A1814;
}

/* Cards / timeline de trânsito — Observatório (mockup: base + tom por aspecto) */
:root[data-theme="blunt-dark"],
:root[data-theme="dark"] {
  --tl-bar-base: #4b473b;
  --tl-split-card: 40%;
  --tl-split-widget: 50%;
}
:root[data-theme="blunt-dark"] .tl-card.tl-card--transit,
:root[data-theme="dark"] .tl-card.tl-card--transit {
  background: transparent;
  border-color: rgba(132, 104, 28, 0.55);
  --tl-canvas-text: #84681c;
  --tl-canvas-text-dim: #84681c;
}
:root[data-theme="blunt-dark"] .tl-card.tl-card--transit:hover,
:root[data-theme="dark"] .tl-card.tl-card--transit:hover {
  background: transparent;
  border-color: #84681c;
}
:root[data-theme="blunt-dark"] .tl-card.tl-card--transit .tl-card-head,
:root[data-theme="blunt-dark"] .tl-card.tl-card--transit .tl-card-time,
:root[data-theme="blunt-dark"] .tl-card.tl-card--transit .tl-card-desc--paragraph,
:root[data-theme="dark"] .tl-card.tl-card--transit .tl-card-head,
:root[data-theme="dark"] .tl-card.tl-card--transit .tl-card-time,
:root[data-theme="dark"] .tl-card.tl-card--transit .tl-card-desc--paragraph {
  border-color: rgba(132, 104, 28, 0.35);
}
:root[data-theme="blunt-dark"] .tl-card.tl-card--transit .tl-card-title,
:root[data-theme="dark"] .tl-card.tl-card--transit .tl-card-title {
  color: #84681c;
}
:root[data-theme="blunt-dark"] .transit-lcard > .transit-lcard__title {
  color: var(--gold);
}

/* OV2 — Observatório: texto/bordas Solar; tom harmônico de barra = #84681c (ver abaixo) */
:root[data-theme="blunt-dark"] .ov2-wrap {
  --tlc-text-on-solid: var(--gold);
  --tlc-text-on-light: var(--gold);
}
:root[data-theme="blunt-dark"] .ov2-tl.ov2-tl--harmonico,
:root[data-theme="blunt-dark"] .ov2-foot.ov2-foot--harmonico {
  --tl-bar-tone: #84681c;
}

:root[data-theme="blunt-dark"] .transit-lcard--neutro,
:root[data-theme="dark"] .transit-lcard--neutro,
:root[data-theme="blunt-dark"] .tl-card.tl-card--transit--neutro,
:root[data-theme="dark"] .tl-card.tl-card--transit--neutro,
:root[data-theme="blunt-dark"] .ov2-tl.ov2-tl--neutro,
:root[data-theme="dark"] .ov2-tl.ov2-tl--neutro,
:root[data-theme="blunt-dark"] .ov2-foot.ov2-foot--neutro,
:root[data-theme="dark"] .ov2-foot.ov2-foot--neutro {
  --tl-bar-tone: #657674;
}
:root[data-theme="blunt-dark"] .transit-lcard--harmonico,
:root[data-theme="dark"] .transit-lcard--harmonico,
:root[data-theme="blunt-dark"] .tl-card.tl-card--transit--harmonico,
:root[data-theme="dark"] .tl-card.tl-card--transit--harmonico,
:root[data-theme="dark"] .ov2-tl.ov2-tl--harmonico,
:root[data-theme="dark"] .ov2-foot.ov2-foot--harmonico {
  --tl-bar-tone: #84681c;
}
:root[data-theme="blunt-dark"] .transit-lcard--tensao,
:root[data-theme="dark"] .transit-lcard--tensao,
:root[data-theme="blunt-dark"] .tl-card.tl-card--transit--tensao,
:root[data-theme="dark"] .tl-card.tl-card--transit--tensao,
:root[data-theme="blunt-dark"] .ov2-tl.ov2-tl--tensao,
:root[data-theme="dark"] .ov2-tl.ov2-tl--tensao,
:root[data-theme="blunt-dark"] .ov2-foot.ov2-foot--tensao,
:root[data-theme="dark"] .ov2-foot.ov2-foot--tensao {
  --tl-bar-tone: #75311a;
}

/* ── Overlay detalhe planeta (Orrery) — legibilidade Blunt ───────────
   Em styles.css, .aspect-overlay usa fundo creme fixo; só temas escuros
   alterna para vidro escuro. blunt-dark não corresponde a "dark", logo texto Paper
   ficava ilegível sobre o creme. Celeste: separar o painel do --bg e reforçar
   hierarquia (--text-faint / --text-dim) só dentro deste subtree. */
:root[data-theme="blunt-dark"] .aspect-overlay {
  background: rgba(10, 10, 18, 0.72);
}

:root[data-theme="blunt-light"] .aspect-overlay {
  background: color-mix(in srgb, var(--bg-2) 84%, transparent);
  --text-faint: rgba(26, 24, 20, 0.48);
  --text-dim: rgba(26, 24, 20, 0.74);
  --overlay-sep: rgba(26, 24, 20, 0.24);
}

/* Posição & Ativação — Celeste: valores em Ink para recuperar contraste */
:root[data-theme="blunt-light"] .pob-meta-value {
  background: #1A1814;
  color: #EDE0BD;
  border: 1px solid rgba(244, 196, 48, 0.24);
  border-radius: 4px;
  padding: 8px 12px;
}
:root[data-theme="blunt-light"] .planet-overlay-pill {
  background: rgba(237, 224, 189, 0.06);
  border: 1px solid rgba(244, 196, 48, 0.16);
}
:root[data-theme="blunt-light"] .planet-overlay-pill-label {
  color: rgba(237, 224, 189, 0.56);
}
:root[data-theme="blunt-light"] .planet-overlay-pill-value,
:root[data-theme="blunt-light"] .planet-overlay-casa-tema,
:root[data-theme="blunt-light"] .planet-overlay-asp-row,
:root[data-theme="blunt-light"] .planet-overlay-asp-planet,
:root[data-theme="blunt-light"] .planet-overlay-meta-value {
  color: #EDE0BD;
}
:root[data-theme="blunt-light"] .planet-overlay-casa-tema {
  background: rgba(237, 224, 189, 0.05);
  border-color: rgba(244, 196, 48, 0.24);
}
:root[data-theme="blunt-light"] .planet-overlay-asp-row {
  border-bottom-color: rgba(244, 196, 48, 0.14);
}
:root[data-theme="blunt-light"] .planet-overlay-asp-orb {
  color: rgba(237, 224, 189, 0.72);
  opacity: 1;
}

/* Tabela natal — fundo menta no Celeste, bg-3 no Observatório */
:root[data-theme="blunt-light"] .natal-table {
  background-color: #b2dadb;
  border-radius: 4px;
}
:root[data-theme="blunt-dark"] .natal-table {
  background-color: var(--bg-3);
  border-radius: 4px;
}

/* Janelas de aviso — Observatório: fundo Ink → CTA Paper + texto Ink */
:root[data-theme="blunt-dark"] .transit-alert-dialog .tad-btn--primary,
:root[data-theme="blunt-dark"] .paywall-block .btn-primary,
:root[data-theme="blunt-dark"] .modal-overlay .modal-actions .btn-primary,
:root[data-theme="blunt-dark"] .oracle-no-credits .btn-primary,
:root[data-theme="dark"] .transit-alert-dialog .tad-btn--primary,
:root[data-theme="dark"] .paywall-block .btn-primary,
:root[data-theme="dark"] .modal-overlay .modal-actions .btn-primary,
:root[data-theme="dark"] .oracle-no-credits .btn-primary {
  background: var(--creme, #EDE0BD);
  color: var(--ink, #1A1814);
}

/* Gráfico natal imersivo — fundo Ink no Celeste (Observatório já tem fundo escuro) */
:root[data-theme="blunt-light"] .natal-panel--grafico-immersive,
:root[data-theme="blunt-light"] #page-you[data-natal-tab="grafico"] {
  background: var(--ink, #1A1814);
}
/* Botão voltar sobre fundo Ink — usa fundo e cor consistentes em ambos os temas */
#page-you[data-natal-tab="grafico"] .natal-chart-back-btn {
  background: rgba(244,196,48,0.12);
  border-color: rgba(244,196,48,0.4);
  color: rgba(244,196,48,0.9);
}
#page-you[data-natal-tab="grafico"] .natal-chart-back-btn:hover {
  background: rgba(244,196,48,0.22);
  border-color: rgba(244,196,48,0.7);
  color: #F4C430;
}