/* ==========================================================================
   Design Tokens — Chácara Monte Carlo
   Inspirado na natureza, mural de entrada e piscinas do local
   ========================================================================== */

:root {
  /* Cores Principais */
  --cor-primaria: #1e7041;          /* Verde Natureza / Mural */
  --cor-primaria-hover: #165732;    /* Verde escuro para hover */
  --cor-primaria-light: #eaf6ee;    /* Verde muito suave para fundos/badges */
  
  --cor-secundaria: #0284c7;        /* Azul Piscina / Água límpida */
  --cor-secundaria-hover: #0369a1;  /* Azul escuro para hover */
  --cor-secundaria-light: #f0f9ff;  /* Azul muito claro para realces */

  --cor-destaque: #d97706;          /* Âmbar suave para avisos/atenção */
  --cor-destaque-light: #fef3c7;

  /* Cores Neutras / Superfícies */
  --cor-fundo: #f8fafc;             /* Slate 50 — fundo geral leve */
  --cor-superficie: #ffffff;        /* Branco puro para cards e modais */
  --cor-superficie-alt: #f1f5f9;    /* Cinza sutil para áreas secundárias */
  --cor-borda: #e2e8f0;             /* Borda padrão */
  --cor-borda-forte: #cbd5e1;       /* Borda destacada */

  /* Cores de Texto */
  --cor-texto: #1e293b;             /* Grafite quase preto — alto contraste WCAG AA */
  --cor-texto-suave: #64748b;       /* Cinza para descrições e legendas */
  --cor-texto-invertido: #ffffff;   /* Texto sobre fundos escuros */

  /* Estados do Calendário (com padrões acessíveis WCAG AA) */
  --cal-livre-bg: #dcfce7;          /* Verde suave acessível */
  --cal-livre-texto: #14532d;       /* Verde escuro com alto contraste */
  --cal-livre-borda: #86efac;

  --cal-ocupado-bg: #fee2e2;        /* Vermelho suave */
  --cal-ocupado-texto: #991b1b;     /* Vermelho escuro de alto contraste */
  --cal-ocupado-borda: #fca5a5;

  --cal-passado-bg: #f1f5f9;        /* Cinza neutro */
  --cal-passado-texto: #94a3b8;     /* Desabilitado */
  --cal-passado-borda: #e2e8f0;

  --cal-selecionado-bg: #0284c7;    /* Azul primário em foco */
  --cal-selecionado-texto: #ffffff; /* Branco puro */
  --cal-selecionado-borda: #0369a1;

  /* Tipografia */
  --fonte-principal: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fonte-titulos: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Escala de Tipografia */
  --texto-xs: 0.75rem;    /* 12px */
  --texto-sm: 0.875rem;   /* 14px */
  --texto-md: 1rem;       /* 16px - Base */
  --texto-lg: 1.125rem;   /* 18px */
  --texto-xl: 1.25rem;    /* 20px */
  --texto-2xl: 1.5rem;    /* 24px */
  --texto-3xl: 1.875rem;  /* 30px */

  /* Espaçamentos */
  --espaco-1: 0.25rem;  /* 4px */
  --espaco-2: 0.5rem;   /* 8px */
  --espaco-3: 0.75rem;  /* 12px */
  --espaco-4: 1rem;     /* 16px */
  --espaco-5: 1.25rem;  /* 20px */
  --espaco-6: 1.5rem;   /* 24px */
  --espaco-8: 2rem;     /* 32px */
  --espaco-10: 2.5rem;  /* 40px */
  --espaco-12: 3rem;    /* 48px */

  /* Raios de Borda */
  --raio-sm: 6px;
  --raio-md: 10px;
  --raio-lg: 16px;
  --raio-full: 9999px;

  /* Sombras */
  --sombra-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --sombra-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --sombra-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);

  /* Dimensões */
  --largura-maxima: 1120px;
  --transicao-padrao: all 0.2s ease-in-out;
}