/* =====================================================
   GOZO CRISTIANO — Custom Styles
   ===================================================== */

/* ── Fonts ─────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ── Custom scrollbar ───────────────────────────────── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #080c18; }
::-webkit-scrollbar-thumb { background: #1a2540; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #f59e0b; }

/* ── Wave animation (player) ────────────────────────── */
.wave-bar {
  width: 3px;
  border-radius: 3px;
  animation: wave 0.9s ease-in-out infinite alternate;
}
@keyframes wave {
  0%   { height: 3px; }
  100% { height: 22px; }
}

/* ── Page fade-in ───────────────────────────────────── */
body {
  animation: fadeIn 0.25s ease;
  transition: background-color .5s ease-in-out, color .5s ease-in-out;
}
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

/* ── Backdrop blur ──────────────────────────────────── */
.gc-nav   { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.gc-player{ backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px); }

/* Smooth theme transitions */
.gc-nav,
.gc-player,
.gc-card,
#chat-messages {
  transition: background-color .5s ease-in-out, color .5s ease-in-out, border-color .5s ease-in-out;
}

/* ── Gradient text ──────────────────────────────────── */
.text-gold { background: linear-gradient(135deg,#f59e0b,#fbbf24); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.text-gold-purple { background: linear-gradient(135deg,#f59e0b,#a855f7); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

/* ── Glow shadows ───────────────────────────────────── */
.glow-gold   { box-shadow: 0 0 40px rgba(245,158,11,.3); }
.glow-purple { box-shadow: 0 0 40px rgba(124,58,237,.3); }

/* ── Card hover ─────────────────────────────────────── */
.gc-card {
  background: #141d30;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 16px;
  transition: background-color .5s ease-in-out, color .5s ease-in-out, border-color .5s ease-in-out, transform .25s, box-shadow .25s;
}
.gc-card:hover {
  border-color: rgba(245,158,11,.35);
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0,0,0,.4);
}

/* ── Light Mode ─────────────────────────────────────── */
html[data-theme="light"] body,
html.light-mode body,
body[data-theme="light"] {
  /* Cream & Gold (high-end) */
  background: linear-gradient(135deg, #F7F3EB 0%, #EBE5D8 100%) !important;
  color: #2C1E0F;
}

html[data-theme="light"] body .gc-nav,
html.light-mode body .gc-nav,
body[data-theme="light"] .gc-nav {
  background: rgba(247, 243, 235, 0.82) !important;
  border-bottom-color: rgba(209, 199, 183, 0.85) !important;
}

html[data-theme="light"] body .gc-player,
html.light-mode body .gc-player,
body[data-theme="light"] .gc-player {
  background: rgba(247, 243, 235, 0.94) !important;
  border-top-color: rgba(209, 199, 183, 0.9) !important;
}

html[data-theme="light"] body .gc-card,
html.light-mode body .gc-card,
body[data-theme="light"] .gc-card {
  background: rgba(255, 255, 255, 0.82);
  border-color: rgba(209, 199, 183, 0.95);
}

/* Text utility overrides (keep gold identity) */
html[data-theme="light"] body .text-white,
html.light-mode body .text-white,
body[data-theme="light"] .text-white { color: #2C1E0F !important; }
html[data-theme="light"] body .text-slate-200,
html.light-mode body .text-slate-200,
body[data-theme="light"] .text-slate-200 { color: #2C1E0F !important; }
html[data-theme="light"] body .text-slate-300,
html.light-mode body .text-slate-300,
body[data-theme="light"] .text-slate-300 { color: #3A2A18 !important; }
html[data-theme="light"] body .text-slate-400,
html.light-mode body .text-slate-400,
body[data-theme="light"] .text-slate-400 { color: #4A3823 !important; }
html[data-theme="light"] body .text-slate-500,
html.light-mode body .text-slate-500,
body[data-theme="light"] .text-slate-500 { color: #5A4630 !important; }
html[data-theme="light"] body .text-slate-600,
html.light-mode body .text-slate-600,
body[data-theme="light"] .text-slate-600 { color: #6A5740 !important; }
html[data-theme="light"] body .text-slate-700,
html.light-mode body .text-slate-700,
body[data-theme="light"] .text-slate-700 { color: #6A5740 !important; }

/* Hero description under main title: slightly darker in light mode */
html[data-theme="light"] body .gc-hero-desc,
body[data-theme="light"] .gc-hero-desc { color: #3A2A18 !important; }

html[data-theme="light"] body .border-white\/\\[\\.06\\],
body[data-theme="light"] .border-white\/\\[\\.06\\],
html[data-theme="light"] body .border-white\/\\[\\.07\\],
body[data-theme="light"] .border-white\/\\[\\.07\\],
html[data-theme="light"] body .border-white\/\\[\\.08\\],
body[data-theme="light"] .border-white\/\\[\\.08\\],
html[data-theme="light"] body .border-white\/\\[\\.09\\],
body[data-theme="light"] .border-white\/\\[\\.09\\],
html[data-theme="light"] body .border-white\/\\[\\.10\\],
body[data-theme="light"] .border-white\/\\[\\.10\\] { border-color: rgba(209, 199, 183, 0.95) !important; }

html[data-theme="light"] body .bg-white\/\\[\\.04\\],
body[data-theme="light"] .bg-white\/\\[\\.04\\] { background: rgba(0,0,0,.04) !important; }
html[data-theme="light"] body .bg-white\/\\[\\.05\\],
body[data-theme="light"] .bg-white\/\\[\\.05\\] { background: rgba(0,0,0,.05) !important; }
html[data-theme="light"] body .bg-white\/\\[\\.06\\],
body[data-theme="light"] .bg-white\/\\[\\.06\\] { background: rgba(0,0,0,.06) !important; }
html[data-theme="light"] body .bg-white\/\\[\\.10\\],
body[data-theme="light"] .bg-white\/\\[\\.10\\] { background: rgba(0,0,0,.10) !important; }

/* Chat container in light mode */
html[data-theme="light"] body #chat-messages,
body[data-theme="light"] #chat-messages {
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(209, 199, 183, 0.95) !important;
}

/* Chat bubbles in light mode (bone white + subtle gold border) */
html[data-theme="light"] body #chat-messages .bg-white\/\\[\\.04\\],
body[data-theme="light"] #chat-messages .bg-white\/\\[\\.04\\] {
  background: #FFFFFF !important; /* received */
}
html[data-theme="light"] body #chat-messages .border-white\/\\[\\.08\\],
body[data-theme="light"] #chat-messages .border-white\/\\[\\.08\\] {
  border-color: #D1C7B7 !important; /* arena */
}
html[data-theme="light"] body #chat-messages .bg-amber-500\/15,
body[data-theme="light"] #chat-messages .bg-amber-500\/15 {
  background: rgba(212, 175, 55, 0.12) !important;
}
html[data-theme="light"] body #chat-messages .border-amber-500\/25,
body[data-theme="light"] #chat-messages .border-amber-500\/25 {
  border-color: rgba(212, 175, 55, 0.26) !important;
}
html[data-theme="light"] body #chat-messages .text-amber-100,
body[data-theme="light"] #chat-messages .text-amber-100 {
  color: #2C1E0F !important;
}

/* Visualizer pop on light background */
html[data-theme="light"] body canvas[data-visualizer="1"],
body[data-theme="light"] canvas[data-visualizer="1"] {
  filter: drop-shadow(0 14px 26px rgba(212, 175, 55, 0.18));
}

/* Header utility bar + mobile menu backgrounds in light mode */
html[data-theme="light"] body .gc-nav > div:first-child,
body[data-theme="light"] .gc-nav > div:first-child {
  background: rgba(247, 243, 235, 0.7) !important;
  border-bottom-color: rgba(209, 199, 183, 0.8) !important;
}
html[data-theme="light"] body .gc-nav #mobile-menu,
body[data-theme="light"] .gc-nav #mobile-menu {
  background: rgba(247, 243, 235, 0.94) !important;
  border-top-color: rgba(209, 199, 183, 0.9) !important;
}

/* Primary CTA stronger in light mode */
html[data-theme="light"] body button[data-role="primary-cta"],
body[data-theme="light"] button[data-role="primary-cta"] {
  background-image: linear-gradient(90deg, #D4AF37 0%, #F1C84C 45%, #C89A1D 100%) !important;
  box-shadow: 0 14px 34px rgba(212, 175, 55, 0.28) !important;
}
html[data-theme="light"] body button[data-role="primary-cta"]:hover,
body[data-theme="light"] button[data-role="primary-cta"]:hover {
  filter: brightness(1.03) saturate(1.08);
}

/* ── PWA Install button (Descargar App) ─────────────── */
.btn-download {
  position: relative;
  z-index: 30;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.10);
  color: #f8fafc;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35);
}
.btn-download:hover { background: rgba(255, 255, 255, 0.14); }

html[data-theme="light"] body .btn-download,
body[data-theme="light"] .btn-download {
  background-image: linear-gradient(90deg, #D4AF37 0%, #F1C84C 45%, #C89A1D 100%);
  color: #060910;
  border-color: rgba(212, 175, 55, 0.55);
  box-shadow: 0 14px 34px rgba(212, 175, 55, 0.22);
}
html[data-theme="light"] body .btn-download:hover,
body[data-theme="light"] .btn-download:hover {
  filter: brightness(1.02) saturate(1.06);
}

/* Visualizer container "float" in light mode */
html[data-theme="light"] body .gc-viz-wrap::before,
body[data-theme="light"] .gc-viz-wrap::before {
  content: "";
  position: absolute;
  inset: 30px;
  border-radius: 999px;
  background: rgba(212, 175, 55, 0.05);
  box-shadow:
    0 22px 60px rgba(212, 175, 55, 0.12),
    0 8px 24px rgba(44, 30, 15, 0.08);
  z-index: 0;
}
html[data-theme="light"] body .gc-viz-logo,
body[data-theme="light"] .gc-viz-logo {
  border-color: rgba(212, 175, 55, 0.75);
  box-shadow: 0 18px 46px rgba(44,30,15,.18), 0 0 26px rgba(212,175,55,.22);
}

/* ── Active menu item in light mode ──────────────────── */
html[data-theme="light"] body .gc-nav .gc-nav-link.is-active,
html.light-mode body .gc-nav .gc-nav-link.is-active,
body[data-theme="light"] .gc-nav .gc-nav-link.is-active {
  background: rgba(217, 160, 35, 0.22) !important; /* darker gold tint */
  color: #9a6a00 !important; /* deeper gold for contrast */
  box-shadow: 0 6px 18px rgba(245, 158, 11, 0.18);
  border: 1px solid rgba(245, 158, 11, 0.28);
}

/* ── Reflexiones: crema + café ───────────────────────── */
html[data-theme="light"] body[data-page="reflexiones"] .gc-card,
body[data-theme="light"][data-page="reflexiones"] .gc-card {
  background: rgba(247, 243, 235, 0.92) !important;
  border-color: rgba(209, 199, 183, 0.98) !important;
}

/* ── Podcast: cards pop on light background ──────────── */
html[data-theme="light"] body[data-page="podcast"] .ep-card.gc-card,
body[data-theme="light"][data-page="podcast"] .ep-card.gc-card {
  box-shadow: 0 18px 44px rgba(44, 30, 15, 0.14) !important;
}

/* ── Line clamp ─────────────────────────────────────── */
.lc-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.lc-3 { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* ── Volume slider ──────────────────────────────────── */
.vol-slider { -webkit-appearance:none; appearance:none; height:3px; border-radius:2px; background:rgba(255,255,255,.15); outline:none; cursor:pointer; }
.vol-slider::-webkit-slider-thumb { -webkit-appearance:none; width:11px; height:11px; border-radius:50%; background:#f59e0b; cursor:pointer; }

/* ── Progress fake bar ──────────────────────────────── */
@keyframes streamPulse {
  0%,100% { opacity:.4; } 50% { opacity:1; }
}
.stream-pulse { animation: streamPulse 2s ease-in-out infinite; }

/* ── Hero animated background orbs ─────────────────── */
.orb {
  position:absolute;
  border-radius:50%;
  filter:blur(80px);
  pointer-events:none;
}
@keyframes orbFloat {
  0%,100% { transform: translate(0,0) scale(1); }
  33%      { transform: translate(20px,-20px) scale(1.05); }
  66%      { transform: translate(-15px,15px) scale(.95); }
}
.orb { animation: orbFloat 8s ease-in-out infinite; }

/* ── TikTok embed container ─────────────────────────── */
.tiktok-wrap {
  position:relative;
  overflow:hidden;
  border-radius:16px;
  max-width:320px;
  margin:0 auto;
}

/* ── Newspaper section divider ──────────────────────── */
.news-divider { border-left:1px solid rgba(255,255,255,.07); }

/* ── Article prose ──────────────────────────────────── */
.article-prose h2 { font-family:'Playfair Display',serif; font-size:1.6rem; font-weight:800; color:#f8fafc; margin:2.5rem 0 1rem; }
.article-prose h3 { font-size:1.15rem; font-weight:700; color:#fbbf24; margin:2rem 0 .75rem; }
.article-prose p  { color:#94a3b8; line-height:1.9; margin-bottom:1.4rem; }
.article-prose blockquote {
  border-left:3px solid #f59e0b;
  padding:1rem 1.5rem;
  background:rgba(245,158,11,.06);
  border-radius:0 10px 10px 0;
  color:#fbbf24;
  font-style:italic;
  margin:2rem 0;
}
.article-prose strong { color:#f1f5f9; }
.article-prose a { color:#f59e0b; text-decoration:underline; }

/* ── Form inputs ────────────────────────────────────── */
.gc-input {
  background:#141d30;
  border:1px solid rgba(255,255,255,.09);
  color:#f8fafc;
  border-radius:10px;
  padding:12px 16px;
  width:100%;
  outline:none;
  transition:border-color .2s;
  font-size:.9rem;
}
.gc-input::placeholder { color:#4a5568; }
.gc-input:focus { border-color:#f59e0b; }
textarea.gc-input { resize:vertical; min-height:100px; }

/* ── Badge ──────────────────────────────────────────── */
.section-badge {
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.25);
  color:#fbbf24;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:4px 14px;
  border-radius:100px;
  margin-bottom:16px;
}

/* ── Ticker ─────────────────────────────────────────── */
@keyframes ticker {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
.ticker-inner { animation: ticker 25s linear infinite; white-space:nowrap; }

/* ── Player "Marquee" (Now Playing) ─────────────────── */
.gc-marquee {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.gc-marquee-text {
  white-space: nowrap;
}
.gc-marquee.is-marquee .gc-marquee-text {
  display: inline-flex;
  gap: 28px;
  will-change: transform;
  animation: gcMarquee 12s linear infinite;
}
.gc-marquee-seg { flex: 0 0 auto; }
@keyframes gcMarquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ── Header logo bass pulse ─────────────────────────── */
.gc-logo-pulse {
  transform-origin: center;
  will-change: transform;
}

/* ── Circular visualizer logo (Home) ─────────────────── */
.gc-viz-wrap {
  position: relative;
  width: 420px;
  height: 420px;
}
.gc-viz-wrap canvas { position: relative; z-index: 1; }
.gc-viz-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  width: clamp(150px, 38%, 180px);
  height: clamp(150px, 38%, 180px);
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #D4AF37;
  box-shadow: 0 12px 28px rgba(0,0,0,.55), 0 0 22px rgba(212,175,55,.18);
  z-index: 2;
  pointer-events: none;
  will-change: transform;
  animation: gcVinylSpin 18s linear infinite;
  animation-play-state: paused; /* only spins while playing */
}

@keyframes gcVinylSpin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

body.gc-playing .gc-viz-logo {
  animation-play-state: running;
}

/* ── Chat view: perfectly center visualizer ──────────── */
body[data-page="chat"] .gc-chat-viz-center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  overflow: hidden; /* prevent any horizontal spill in narrower column */
}

body[data-page="chat"] .gc-viz-wrap--chat {
  width: min(360px, 100%);
  height: min(360px, 100%);
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  transform-origin: center;
  transform: scale(0.8);
}

body[data-page="chat"] .gc-viz-wrap--chat canvas {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* ══════════════════════════════════════════════════════
   HERO — Versículo del día & Scroll indicator
══════════════════════════════════════════════════════ */

/* Versículo del día — tarjeta inline */
.gc-verse-card {
  background: rgba(245, 158, 11, 0.06);
  border: 1px solid rgba(245, 158, 11, 0.18);
  border-left: 3px solid rgba(245, 158, 11, 0.5);
  border-radius: 12px;
  padding: 14px 18px;
  animation: verseSlideIn .6s ease both;
  animation-delay: .3s;
}
@keyframes verseSlideIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Versículo inline (dentro de la card del episodio) */
.gc-verse-card-inline {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 2px;
  background: rgba(245, 158, 11, 0.05);
  border-left: 2px solid rgba(245, 158, 11, 0.35);
  padding: 8px 12px;
  border-radius: 0 8px 8px 0;
}

/* Scroll indicator */
.gc-scroll-indicator {
  opacity: 0;
  animation: fadeInDelay 1s ease 1.2s both;
}
@keyframes fadeInDelay {
  from { opacity: 0; transform: translateX(-50%) translateY(6px); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

.gc-scroll-arrow {
  animation: bounceDown 1.6s ease-in-out infinite;
}
@keyframes bounceDown {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(5px); }
}

/* ══════════════════════════════════════════════════════
   DAY PILLS — Podcast navegación por día
══════════════════════════════════════════════════════ */

.gc-day-pills-wrap {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.gc-day-pills-wrap::-webkit-scrollbar { display: none; }

.gc-day-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  padding: 14px 20px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.07);
  background: #141d30;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, border-color .2s;
  min-width: 150px;
}
.gc-day-pill:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(0,0,0,.35);
}
.gc-day-pill-icon  { font-size: 1.6rem; line-height: 1; }
.gc-day-pill-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; opacity: .55; }
.gc-day-pill-name  { font-size: 13px; font-weight: 700; margin-top: 2px; }

/* Colores por día */
.gc-day-pill--amber  { border-color: rgba(245,158,11,.25); }
.gc-day-pill--amber:hover  { border-color: rgba(245,158,11,.5); box-shadow: 0 12px 32px rgba(245,158,11,.15); }
.gc-day-pill--amber .gc-day-pill-name  { color: #fbbf24; }

.gc-day-pill--rose   { border-color: rgba(244,63,94,.2); }
.gc-day-pill--rose:hover   { border-color: rgba(244,63,94,.4); box-shadow: 0 12px 32px rgba(244,63,94,.12); }
.gc-day-pill--rose .gc-day-pill-name   { color: #fb7185; }

.gc-day-pill--purple { border-color: rgba(168,85,247,.2); }
.gc-day-pill--purple:hover { border-color: rgba(168,85,247,.4); box-shadow: 0 12px 32px rgba(168,85,247,.12); }
.gc-day-pill--purple .gc-day-pill-name { color: #c084fc; }

.gc-day-pill--blue   { border-color: rgba(59,130,246,.2); }
.gc-day-pill--blue:hover   { border-color: rgba(59,130,246,.4); box-shadow: 0 12px 32px rgba(59,130,246,.12); }
.gc-day-pill--blue .gc-day-pill-name   { color: #60a5fa; }

.gc-day-pill--teal   { border-color: rgba(20,184,166,.2); }
.gc-day-pill--teal:hover   { border-color: rgba(20,184,166,.4); box-shadow: 0 12px 32px rgba(20,184,166,.12); }
.gc-day-pill--teal .gc-day-pill-name   { color: #2dd4bf; }

/* Day badge (sobre thumbnail del episodio) */
.gc-day-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 99px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
}
.gc-day-badge.amber {
  background: rgba(245,158,11,.18);
  border: 1px solid rgba(245,158,11,.35);
  color: #fbbf24;
}

/* ══════════════════════════════════════════════════════
   ADSENSE — Zonas de publicidad
══════════════════════════════════════════════════════ */

.gc-adsense-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.015);
  border-top: 1px solid rgba(255,255,255,.04);
  border-bottom: 1px solid rgba(255,255,255,.04);
}
.gc-adsense-label {
  position: absolute;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 9px;
  color: rgba(255,255,255,.15);
  text-transform: uppercase;
  letter-spacing: .15em;
  font-weight: 600;
  pointer-events: none;
}

/* Banner horizontal (entre stats y episodio) */
.gc-adsense-banner {
  min-height: 60px;
  padding: 14px 16px;
}
@media (min-width: 768px) {
  .gc-adsense-banner { min-height: 90px; padding: 20px 16px; }
}

/* Rectangle (entre reflexiones y noticias) */
.gc-adsense-rect {
  min-height: 260px;
  padding: 16px;
}
@media (min-width: 768px) {
  .gc-adsense-rect { min-height: 290px; }
}

/* Light mode AdSense zones */
html[data-theme="light"] .gc-adsense-wrap,
body[data-theme="light"] .gc-adsense-wrap {
  background: rgba(0,0,0,.02);
  border-color: rgba(0,0,0,.06);
}
html[data-theme="light"] .gc-adsense-label,
body[data-theme="light"] .gc-adsense-label {
  color: rgba(0,0,0,.18);
}

/* Light mode day pills */
html[data-theme="light"] .gc-day-pill,
body[data-theme="light"] .gc-day-pill {
  background: rgba(255,255,255,.85);
  border-color: rgba(209,199,183,.9);
}
html[data-theme="light"] .gc-day-pill-label,
body[data-theme="light"] .gc-day-pill-label {
  color: #5A4630;
}

/* Light mode verse card */
html[data-theme="light"] .gc-verse-card,
body[data-theme="light"] .gc-verse-card {
  background: rgba(212, 175, 55, 0.07);
  border-color: rgba(212, 175, 55, 0.25);
  border-left-color: rgba(212, 175, 55, 0.55);
}