/* ==========================================================
   Tema: Terracota Solar
   Claro, terracota com acento amarelo-sol — sobrescreve as
   variáveis de cor do design system, carregado DEPOIS de
   style.css.
   ========================================================== */

:root {
    --bg: #fdf3ea;
    --surface: #ffffff;
    --surface-2: #f7e3d1;
    --border: #edcfae;
    --text: #402a1c;
    --text-muted: #9c7c63;
    --accent: #d8632f;
    --accent-2: #f2b134;
    --amber: #f2b134;
    --danger: #d24444;
    --success: #4a9463;
}

.site-header { background: rgba(253,243,234,.92); border-bottom: 1px solid var(--border); box-shadow: none; }
.logo-mark { background: linear-gradient(135deg, var(--accent), var(--accent-2)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-waveform span { background: linear-gradient(180deg, var(--accent), transparent); }
.btn-primary { background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: #fff; }
.cover-placeholder, .cover-placeholder.lg { background: linear-gradient(135deg, var(--surface-2), var(--surface)); border: 1px solid var(--border); }
.podcast-banner { opacity: .12; }
.player-dock { background: var(--surface); box-shadow: 0 -8px 24px rgba(216,99,47,.14); border-top: 1px solid var(--border); }
.pix-qr img { background: #fff; }

::selection { background: var(--accent); color: #fff; }