/* ==========================================================================
   DESIGN TOKENS - SOU LEÃO DO NORTE
   Paleta e tipografia oficiais conforme Manual da Marca
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Antonio:wght@400;700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
  /* Cores Principais da Marca */
  --color-primary: #e04934;        /* Terracota / Vermelho-terra oficial (selo 'do' e CTAs) */
  --color-primary-hover: #c73824;  /* Terracota escurecido para hover */
  --color-primary-light: #ff6550;  /* Terracota luminoso */
  
  --color-bg-light: #fef1e1;       /* Creme-areia oficial (fundo quente nobre) */
  --color-bg-surface: #ffffff;     /* Branco puro para cartões no tema claro */
  --color-bg-subtle: #f8e8d4;      /* Creme levemente rebaixado */
  
  --color-dark: #153c5b;           /* Azul profundo / Petróleo oficial (autoridade institucional) */
  --color-dark-deep: #0e293f;      /* Azul quase preto para seções de alto contraste */
  --color-dark-surface: #1e4a6e;   /* Azul petróleo intermediário para cartões escuros */
  
  --color-accent: #2b7746;         /* Verde Caatinga / Amazônia oficial (resistência e frescor) */
  --color-accent-hover: #225f38;   /* Verde Caatinga escuro */
  --color-accent-light: #379559;   /* Verde vibrante */

  /* Textos & Tipografia */
  --color-text-main: #153c5b;      /* Texto principal sobre fundo claro */
  --color-text-muted: #4e677c;     /* Texto secundário sobre fundo claro */
  --color-text-light: #fef1e1;     /* Texto principal sobre fundo escuro */
  --color-text-light-muted: #d0dee8; /* Texto secundário sobre fundo escuro */

  /* Bordas e Divisores */
  --border-light: rgba(21, 60, 91, 0.12);
  --border-dark: rgba(254, 241, 225, 0.16);

  /* Famílias Tipográficas */
  --font-display: 'Anton', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Antonio', 'Anton', sans-serif;
  --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Espaçamentos */
  --space-xs: 0.25rem;   /* 4px */
  --space-sm: 0.5rem;    /* 8px */
  --space-md: 1rem;      /* 16px */
  --space-lg: 1.5rem;    /* 24px */
  --space-xl: 2.5rem;    /* 40px */
  --space-2xl: 4rem;     /* 64px */
  --space-3xl: 6rem;     /* 96px */

  /* Estrutura de Layout */
  --container-max-width: 1240px;
  --container-narrow-width: 900px;
  --header-height: 84px;

  /* Efeitos e Sombras */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 9999px;

  --shadow-sm: 0 2px 8px rgba(21, 60, 91, 0.08);
  --shadow-md: 0 8px 24px rgba(21, 60, 91, 0.12);
  --shadow-lg: 0 16px 40px rgba(21, 60, 91, 0.16);
  --shadow-warm: 0 12px 32px rgba(224, 73, 52, 0.18);

  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}