/* ==========================================================
   Tema: Brisa do Oceano
   Claro com acento azul/ciano — sobrescreve as variáveis de
   cor do design system, carregado DEPOIS de style.css.
   ========================================================== */

:root {
    --bg: #f2f8fb;
    --surface: #ffffff;
    --surface-2: #e6f2f7;
    --border: #d4e6ee;
    --text: #0f2933;
    --text-muted: #587783;
    --accent: #0284c7;
    --accent-2: #06b6d4;
    --amber: #d97706;
    --danger: #dc2626;
    --success: #059669;
}

body { -webkit-font-smoothing: subpixel-antialiased; }

.site-header { background: rgba(242,248,251,.9); }
.hero-waveform span { background: linear-gradient(180deg, var(--accent), transparent); opacity: .16; }
.cover-placeholder, .cover-placeholder.lg { background: var(--surface-2); }
.podcast-banner { opacity: .1; }
.player-dock { box-shadow: 0 -8px 30px rgba(2,132,199,.08); }
.pix-qr img { background: #fff; border: 1px solid var(--border); }

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