/* Meu Cabelo — tokens de identidade visual (aquarela desbotada, J-fashion kawaii) */
:root {
  /* Paleta — tirada da cartela da mascote */
  --rosa: #EFA0B4;        /* rosa aquarela — ações e destaques */
  --blush: #F6CCD6;
  --bebe: #FBE6EA;
  --lavanda: #BBA6DE;
  --lilas: #E4D7F1;
  --azul: #C4D6EE;        /* reflexos azulados do cabelo */
  --menta: #CFE3DC;
  --salvia: #B9CBBB;
  --creme: #FCF4EF;       /* papel */
  --ameixa: #4A3446;      /* texto principal */
  --malva: #A58199;
  --malva-texto: #7A5A70;
  --linha: #D9C3D0;       /* traço de lápis */
  --branco: #FFFCFA;
  --alerta: #C9607F;

  /* Degradê fantasia (cabelo da mascote) — usar com moderação */
  --degrade: linear-gradient(120deg, #F6CCD6 0%, #E4D7F1 50%, #C4D6EE 100%);

  /* Tipografia */
  --f-titulo: 'Fraunces', Georgia, serif;
  --f-texto: 'Zen Maru Gothic', system-ui, sans-serif;
  --f-mao: 'Caveat', cursive;

  /* Forma — traço fino de lápis, sombra difusa de papel */
  --r-s: 12px;
  --r-m: 20px;
  --r-l: 28px;
  --traco: 1.5px solid var(--linha);
  --sombra: 0 6px 18px rgba(165,129,153,.16);
  --sombra-suave: 0 2px 8px rgba(165,129,153,.12);

  /* Espaço */
  --e1: 4px; --e2: 8px; --e3: 12px; --e4: 16px; --e5: 24px; --e6: 32px;

  --topbar: 56px;
  --tabbar: 64px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
}