/**
 * DESIGN SYSTEM TOKENS - PARA LER & APRENDER
 * Paleta editorial, acolhedora e fundamentada na Ciência da Leitura.
 */
:root {
  /* Cores Base - Estética Editorial de Papel de Livro */
  --color-bg-page: #FAF8F5;
  --color-bg-card: #FFFFFF;
  --color-bg-subtle: #F3EFEA;
  --color-bg-warm: #FFFDF7;
  --color-bg-dark: #122634;
  --color-highlight: #FDE68A;

  /* Azul Educacional / Confiança */
  --color-primary: #1B4965;
  --color-primary-hover: #13384D;
  --color-primary-light: #EBF3F8;
  --color-primary-subtle: #D5E5F0;

  /* Acentos Calorosos - Dourado / Mostarda */
  --color-accent: #D9922E;
  --color-accent-hover: #BE7B1E;
  --color-accent-light: #FEF7EC;
  --color-accent-border: #F5D6A7;

  /* Verde Conversão & Sucesso */
  --color-success: #2E7D32;
  --color-whatsapp: #25D366;
  --color-whatsapp-hover: #1EBE5D;

  /* Tipografia & Contraste (Grafite Alto Contraste) */
  --color-text-main: #1E293B;
  --color-text-muted: #526071;
  --color-text-light: #768496;
  --color-text-inverse: #FFFFFF;

  /* Bordas e Divisórias */
  --color-border: #E5DFD5;
  --color-border-focus: #1B4965;

  /* Tipografia Editorial & Funcional */
  --font-heading: 'Lora', Georgia, 'Times New Roman', serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Espaçamentos e Layout (Calibrado para 100% Zoom) */
  --container-max-width: 1140px;
  --container-narrow: 820px;
  --nav-height: 68px;

  /* Raios de Borda */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Sombras Sutis Editoriais */
  --shadow-sm: 0 1px 3px rgba(27, 73, 101, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 4px 12px rgba(27, 73, 101, 0.07), 0 2px 4px rgba(0, 0, 0, 0.03);
  --shadow-lg: 0 10px 24px rgba(27, 73, 101, 0.10), 0 4px 8px rgba(0, 0, 0, 0.04);
  --shadow-xl: 0 16px 32px rgba(27, 73, 101, 0.13);

  /* Transições Nativas Suaves */
  --transition-fast: 180ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 260ms cubic-bezier(0.4, 0, 0.2, 1);
}
