/* variables.css - Paleta extraída da capa oficial */
:root {
  /* Fundos — vinho profundo, não preto puro */
  --bg-deep:      #1A0A0E;   /* base da página */
  --bg-surface:   #261016;   /* cards e superfícies */
  --bg-elevated:  #331520;   /* hover / destaque */

  /* Vermelhos da capa */
  --wine:         #4A1220;   /* bordô estrutural */
  --crimson:      #8E1F33;   /* acentos */
  --petal:        #C42847;   /* CTAs — vermelho pétala vivo */
  --petal-hover:  #E03A5C;   /* CTA hover */

  /* Ouro kintsugi — quente, não amarelo */
  --gold:         #D9A45B;
  --gold-light:   #F0CE96;   /* highlights, títulos */
  --gold-dim:     rgba(217, 164, 91, 0.22); /* bordas */

  /* Texto */
  --text:         #F3E9E4;   /* off-white rosado */
  --text-muted:   #B39A97;
  --text-gold:    var(--gold-light);

  /* Tipografia */
  --font-display: 'Playfair Display', serif;
  --font-body:    'Manrope', 'Inter', sans-serif;
  
  --fs-hero:  clamp(2.1rem, 4.2vw, 3.5rem);
  --fs-h2:    clamp(1.6rem, 3.2vw, 2.5rem);
  --fs-h3:    clamp(1.2rem, 1.8vw, 1.4rem);
  --fs-body:  clamp(0.95rem, 1.05vw, 1.1rem);
  --fs-small: clamp(0.8rem, 0.85vw, 0.875rem);

  /* Spacing */
  --section-py:   clamp(64px, 7vw, 120px);
  --content-max:  1152px;

  /* Borders & Shadows */
  --border-gold:        1px solid var(--gold-dim);
  --border-gold-strong: 1px solid rgba(217, 164, 91, 0.45);
  --border-wine:        1px solid rgba(142, 31, 51, 0.3);

  --shadow-card:     0 8px 32px rgba(10, 3, 6, 0.6);
  --shadow-glow-red: 0 0 35px rgba(196, 40, 71, 0.35);
  --shadow-glow-gold:0 0 45px rgba(217, 164, 91, 0.15);

  /* Radius & Transitions */
  --radius-card: 20px;
  --radius-btn:  12px;
  --radius-sm:   8px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration: 0.4s;
}

body {
  background-color: var(--bg-deep);
  color: var(--text);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: 1.6;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
}