/* ============================================================
   Laveniski Kids — tokens.css
   Design tokens (cores, fontes, raios) — fonte única da identidade.
   Derivado da logo: creme + tinta berinjela, assinatura arco-íris.
   As fontes são AUTO-HOSPEDADAS (fontes.css) — nada de CDN, por CSP e LGPD.
   ============================================================ */

@import url("/static/ui/fontes.css");

:root {
  /* === Identidade Laveniski === */
  --creme:       #F7F2E9;
  --superficie:  #FFFFFF;
  --superficie-2:#FCF7EE;
  --tinta:       #3B2A46;   /* berinjela — texto e marca */
  --tinta-suave: #6E6076;
  --borda:       #E8DFCF;
  --borda-forte: #D9CDB6;

  /* assinatura arco-íris */
  --laranja: #F5883E;
  --amarelo: #F4C33F;
  --verde:   #46B857;
  --azul:    #2FA3DD;
  --rosa:    #E85AA0;
  --roxo:    #8E51A6;

  --acao:      #2FA3DD;   /* ação do sistema */
  --acao-forte:#1C86BE;
  --acao-tinta:#FFFFFF;
  --zap:       #3EB55C;   /* WhatsApp */
  --zap-forte: #2F9C4B;

  /* === Compat com componentes já existentes (mapeados p/ a identidade) === */
  --bg:   var(--creme);
  --card: var(--superficie);
  --pri:  var(--tinta);
  --acc:  var(--azul);
  --red:  #DC2626;
  --grn:  var(--verde);
  --org:  var(--laranja);
  --yel:  var(--amarelo);
  --gry:  var(--tinta-suave);
  --brd:  var(--borda);
  --hov:  var(--superficie-2);

  /* === Raios / sombras === */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --sh-sm: 0 1px 2px rgba(59,42,70,.06);
  --sh-md: 0 4px 12px rgba(59,42,70,.12);
  --sh-lg: 0 12px 32px -12px rgba(59,42,70,.18);

  /* === Fontes === */
  --font-display: 'Fredoka', 'Trebuchet MS', system-ui, sans-serif;
  --font-body:    'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'SF Mono', Menlo, Consolas, monospace;
}

/* === Reset mínimo === */
*, *::before, *::after { box-sizing: border-box; }
body { font-family: var(--font-body); background: var(--bg); color: var(--tinta); font-size: 14px; margin: 0; }
a { color: inherit; text-decoration: none; }