:root {
  /* Cores Primárias (Fynix) */
  --color-primary: #9FE870;
  /* Verde Primário */
  --color-primary-dark: #062F28;
  /* Verde Escuro (Texto/Títulos) */
  --color-forest: #034D3F;
  /* Verde Floresta (Elementos Secundários) */

  /* Cores Neutras */
  --color-white: #FFFFFF;
  --color-ice: #F7F7F7;
  /* Branco Gelo (Background) */
  --color-gray-light: #E9E9E9;
  /* Cinza Claro (Bordas) */
  --color-gray-medium: #7B7B7B;
  /* Cinza Médio (Texto Secundário) */
  --color-gray-dark: #151515;
  /* Cinza Escuro (Texto Principal Alt) */

  /* Cores Semânticas */
  --color-success: #4CAF50;
  --color-warning: #FFC107;
  --color-error: #F44336;
  --color-info: #2196F3;

  /* Tipografia */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Urbanist', sans-serif;

  /* Espaçamento */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;

  /* Raio de Borda */
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08);
}