/* =========================================================
   KERIGMA NEWS — DESIGN TOKENS
   Identidade: Jornalismo Cristão Premium
   ========================================================= */

:root {
  /* Paleta oficial */
  --azul-escuro: #081A36;
  --azul-medio: #123D78;
  --azul-claro: #1D65C1;
  --dourado: #D8A12B;
  --dourado-claro: #F6D36A;
  --branco: #FFFFFF;
  --cinza-claro: #D9D9D9;
  --preto: #06090E;

  /* Derivados (alpha / glass) */
  --glass-bg: rgba(18, 61, 120, 0.28);
  --glass-border: rgba(246, 211, 106, 0.18);
  --glass-bg-strong: rgba(8, 26, 54, 0.62);
  --overlay-escuro: rgba(6, 9, 14, 0.72);
  --linha-dourada: linear-gradient(90deg, transparent, var(--dourado) 35%, var(--dourado-claro) 50%, var(--dourado) 65%, transparent);
  --gradiente-fundo: radial-gradient(ellipse 120% 80% at 50% -10%, var(--azul-medio) 0%, var(--azul-escuro) 45%, var(--preto) 100%);
  --gradiente-dourado: linear-gradient(135deg, var(--dourado-claro) 0%, var(--dourado) 55%, #B5811E 100%);
  --gradiente-dourado-hover: linear-gradient(135deg, #FFE9A8 0%, var(--dourado-claro) 50%, var(--dourado) 100%);

  /* Tipografia */
  --font-display: 'Playfair Display', 'Cinzel', serif;
  --font-body: 'Montserrat', sans-serif;

  /* Espaçamento / raios */
  --radius-btn: 18px;
  --radius-card: 20px;
  --shadow-soft: 0 10px 40px rgba(0,0,0,0.45);
  --shadow-gold-glow: 0 0 28px rgba(216, 161, 43, 0.35);
  --transition-base: 0.35s cubic-bezier(.2,.7,.3,1);

  /* Layout */
  --header-h: 64px;
  --player-h: 56px;
  --max-width: 1320px;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--preto);
  color: var(--branco);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

a { text-decoration: none; color: inherit; }
ul { list-style: none; margin: 0; padding: 0; }
button { font-family: var(--font-body); cursor: pointer; border: none; background: none; }
img { max-width: 100%; display: block; }

::selection {
  background: var(--dourado);
  color: var(--preto);
}

/* Foco visível para acessibilidade */
:focus-visible {
  outline: 2px solid var(--dourado-claro);
  outline-offset: 3px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

.container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 28px;
}

/* Scrollbar dourada discreta */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--preto); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(var(--dourado), var(--azul-medio));
  border-radius: 10px;
}


/* Refinamento visual — edição editorial 2026 */
:root {
  --azul-escuro: #07152d;
  --azul-medio: #0d3568;
  --azul-claro: #2d82e6;
  --dourado: #d8a12b;
  --dourado-claro: #ffe08a;
  --cinza-claro: #dce6f4;
  --glass-bg: rgba(13, 53, 104, 0.34);
  --glass-border: rgba(255, 224, 138, 0.2);
  --glass-bg-strong: rgba(7, 21, 45, 0.9);
  --shadow-soft: 0 18px 60px rgba(0, 0, 0, 0.36);
  --shadow-gold-glow: 0 0 32px rgba(216, 161, 43, 0.24);
  --radius-btn: 12px;
  --radius-card: 18px;
  --transition-base: 0.24s cubic-bezier(.23, 1, .32, 1);
}

body { line-height: 1.5; }
::selection { background: var(--dourado-claro); color: var(--azul-escuro); }
.container { padding-left: clamp(18px, 3vw, 36px); padding-right: clamp(18px, 3vw, 36px); }


/* Design system editorial sênior */
:root {
  --surface-0: #040a14;
  --surface-1: #08172d;
  --surface-2: #0c2445;
  --text-strong: #f7f9fd;
  --text-soft: #b7c8dd;
  --accent-warm: #f1c862;
  --accent-cool: #62d8d1;
  --border-subtle: rgba(180, 211, 246, .15);
  --ease-editorial: cubic-bezier(.23, 1, .32, 1);
}

body { background-color: var(--surface-0); color: var(--text-strong); }
main { isolation: isolate; }