/* =====================================================
   PIUÍ ESTAÇÃO BRINCAR — DESIGN TOKENS
   Versão 2.0 · 2026
   ===================================================== */

:root {
  /* Cores primárias */
  --coral:        #F2867A;
  --coral-light:  #FDE8E6;
  --coral-dark:   #C14F44;

  /* Cores secundárias */
  --amarelo:      #F7C36A;
  --amarelo-light:#FEF4E0;
  --amarelo-dark: #7A5200;

  /* Acentos */
  --verde:        #7EC8A4;
  --verde-light:  #E2F4EC;
  --verde-dark:   #1B6B45;

  --azul:         #A8D8EA;
  --azul-light:   #E6F2FB;
  --azul-dark:    #1A5A96;

  /* Neutros */
  --creme:        #FAF5EF;
  --branco:       #FFFFFF;
  --cinza-claro:  #F0EFF0;
  --cinza-medio:  #888888;
  --carvao:       #3D3D3D;
  --preto:        #1A1A1A;

  /* Tipografia */
  --font-display: 'Nunito', sans-serif;
  --font-body:    'Nunito Sans', sans-serif;

  /* Tamanhos */
  --text-xs:    11px;
  --text-sm:    13px;
  --text-base:  16px;
  --text-lg:    18px;
  --text-xl:    22px;
  --text-2xl:   28px;
  --text-3xl:   36px;
  --text-hero:  56px;

  /* Pesos */
  --weight-regular: 400;
  --weight-medium:  600;
  --weight-bold:    700;
  --weight-black:   800;

  /* Espaçamento */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Bordas */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-pill: 999px;

  /* Sombras */
  --shadow-sm:  0 1px 4px rgba(242,134,122,0.10);
  --shadow-md:  0 4px 16px rgba(242,134,122,0.15);
  --shadow-lg:  0 8px 32px rgba(242,134,122,0.20);

  /* Transições */
  --transition: 0.18s ease;
}