/* ============================================================
   variables.css — Design tokens do Livro Digital v3
   + variáveis do gate de leads (LGPD)
   ============================================================ */

/* ── Tokens do livro (v3 — do Figma) ──────────────────────── */
:root {
  /* Paleta */
  --c-roxo:      #6B0584;
  --c-roxo-txt:  #730099;
  --c-bege:      #FFDFC7;
  --c-rosa:      #E45D6B;
  --c-dourado:   #FFBB00;
  --c-ciano:     #10C3FF;
  --c-branco:    #FFFFFF;

  /* Palco — coordenadas nativas do frame Figma */
  --stage-w: 430;
  --stage-h: 932;

  /* Tipografia (book) */
  --font-base: 'Nunito', system-ui, -apple-system, sans-serif;

  /* Timings */
  --t-fast: .5s;
  --t-med:  .85s;
  --t-slow: 1.1s;
  --ease-out: cubic-bezier(.22,.61,.36,1);

  /* ── Tokens do gate de leads ───────────────────────────── */
  --color-purple:       #7c3aed;
  --color-purple-dark:  #5b21b6;
  --color-purple-light: #ede9fe;
  --color-pink:         #ec4899;
  --color-pink-light:   #fce7f3;
  --color-yellow:       #f59e0b;
  --color-yellow-light: #fef3c7;
  --color-cream:        #fdf6e3;
  --color-warm-bg:      #fde8c8;
  --color-text:         #1f2937;
  --color-text-muted:   #6b7280;
  --color-text-light:   #9ca3af;
  --font-display:  'DynaPuff', 'Comic Sans MS', cursive;
  --font-body:     'Nunito', Arial, sans-serif;
  --font-comic:    'KOMIKAX', 'Comic Sans MS', cursive;
  --transition-ui:     0.2s ease;
  --shadow-card:   0 8px 32px rgba(0,0,0,.15);
  --shadow-btn:    0 4px 12px rgba(124,58,237,.35);
  --radius-card:   20px;
  --radius-btn:    50px;
  --radius-sm:     10px;
}

/* ── Fontes locais ────────────────────────────────────────── */
@font-face {
  font-family: 'DynaPuff';
  src: url('../assets/fonts/DynaPuff-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../assets/fonts/Nunito-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../assets/fonts/Nunito-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../assets/fonts/Nunito-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../assets/fonts/Nunito-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: 'KOMIKAX';
  src: url('../assets/fonts/KOMIKAX.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

[hidden] { display: none !important; }

/* ── Cookie banner LGPD ───────────────────────────────────── */
#cookie-banner {
  position: fixed; bottom: 0; left: 0; right: 0;
  background: #1f2937; color: #f3f4f6;
  padding: 16px 20px;
  z-index: 9000;
  box-shadow: 0 -4px 16px rgba(0,0,0,.2);
  font-size: 14px;
}
#cookie-banner .cookie-banner-inner {
  max-width: 1100px; margin: 0 auto;
  display: flex; gap: 20px; align-items: center; flex-wrap: wrap;
}
#cookie-banner .cookie-text {
  flex: 1; min-width: 280px; line-height: 1.5;
}
#cookie-banner .cookie-text ul {
  margin: 8px 0 8px 0; padding-left: 20px;
}
#cookie-banner .cookie-text li { margin: 2px 0; }
#cookie-banner .cookie-text a { color: #fbbf24; text-decoration: underline; }
#cookie-banner .cookie-actions { display: flex; gap: 10px; flex-wrap: wrap; }
#cookie-banner button {
  padding: 10px 18px; border: none; border-radius: 50px;
  font-size: 14px; font-weight: bold; cursor: pointer; white-space: nowrap;
}
#cookie-banner .btn-accept { background: #10b981; color: #fff; }
#cookie-banner .btn-accept:hover { background: #059669; }
#cookie-banner .btn-reject {
  background: transparent; color: #d1d5db; border: 1px solid #4b5563;
}
#cookie-banner .btn-reject:hover { background: #374151; }
#cookie-banner.pulse { animation: cookiePulse 0.4s ease-in-out 4; }
@keyframes cookiePulse {
  0%, 100% { transform: translateY(0); box-shadow: 0 -4px 16px rgba(0,0,0,.2); }
  50%      { transform: translateY(-6px); box-shadow: 0 -8px 24px rgba(245,158,11,.6); }
}