/* ============================================================
   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-Light.ttf') format('truetype');
  font-weight: 300;
  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: 'Grandstander';
  src: url('../assets/fonts/Grandstander-Bold.ttf') format('truetype');
  font-weight: 700;
  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 — card discreto de canto, nunca bloqueia nada ── */
#cookie-banner {
  position: fixed; right: 16px; bottom: 16px;
  max-width: 320px;
  background: #fff; color: #374151;
  padding: 16px 18px 14px;
  border-radius: 14px;
  z-index: 9000;
  box-shadow: 0 6px 24px rgba(0,0,0,.16);
  font-size: 13px;
}
#cookie-banner .cookie-close {
  position: absolute; top: 8px; right: 10px;
  background: none; border: none; cursor: pointer;
  color: #9ca3af; font-size: 13px; padding: 4px;
}
#cookie-banner .cookie-close:hover { color: #374151; }
#cookie-banner .cookie-text {
  margin: 0 18px 12px 0; line-height: 1.5;
}
#cookie-banner .cookie-text a { color: #E45D6B; text-decoration: underline; }
#cookie-banner .btn-accept {
  display: block; width: 100%;
  padding: 9px 18px; border: none; border-radius: 50px;
  background: var(--color-purple, #7c3aed); color: #fff;
  font-size: 13px; font-weight: bold; cursor: pointer;
}
#cookie-banner .btn-accept:hover { background: var(--color-purple-dark, #6d28d9); }
@media (max-width: 480px) {
  #cookie-banner { left: 12px; right: 12px; bottom: 12px; max-width: none; }
}