:root {
    /* 🎭 Tons de Cinza (cores dinâmicas que mudam entre claro/escuro) */
    --gray-000: #ffffff;
    --gray-100: #e6e9f0; /* Cinza mais claro (usado para fundos no modo escuro) */
    --gray-200: #cdd3e1;
    --gray-300: #aab3cc;
    --gray-400: #555f7d;
    --gray-500: #454f6a;
    --gray-600: #363d56;
    --gray-700: #272f43; /* Bordas e separadores */
    --gray-800: #181f2e; /* Fundo de cartões e áreas destacadas */
    --gray-900: #0a0f1a; /* Fundo principal do site */
  
    /* 🌿 Cores Primárias (cores fixas - NÃO mudam com o tema) */
    --primary-light: #4de7b7; /* Usado para realces suaves */
    --primary: #0da170; /* Cor principal do projeto */
    --primary-dark: #065f46; /* Usado em hovers e elementos ativos */
  
    /* 🔗 Links */
    --link-color: #000fff; /* Cor padrão dos links */
    --link-hover: #0b8a60; /* Cor dos links ao passar o mouse */
  
    /* 🚦 Alertas (cores fixas, usadas para feedbacks visuais) */
    --success: #22c55e; /* Indica sucesso (verde) */
    --warning: #eab308; /* Indica alerta (amarelo) */
    --error: #991b1b; /* Indica erro (vermelho) */
    --info: #0ea5e9; /* Indica informação (azul) */
  
    /* 🎨 Texto sobre fundos coloridos (para garantir contraste) */
    --text-over-primary: #0a0f1a; /* Texto sobre fundo primário */
    --text-over-primary-dark: #ffffff; /* Texto sobre variação escura */
    --text-over-primary-light: #0a0f1a; /* Texto sobre variação clara */
    --text-over-success: #0a0f1a; /* Texto sobre fundo sucesso */
    --text-over-warning: #0a0f1a; /* Texto sobre fundo alerta */
    --text-over-error: #e6e9f0; /* Texto sobre fundo erro */
    --text-over-info: #0a0f1a; /* Texto sobre fundo informativo */
  
    /* 📝 Cores do Texto (dinâmicas) */
    --text-default: #000000; /* Cor padrão do texto */
    --text-muted: #aab3cc; /* Texto menos importante (placeholders, labels, etc.) */
  
    /* 🚫 Cores para botões e elementos desativados */
    --disabled: #555f7d; /* Cor de fundo de elementos desativados */
    --text-disabled: #aab3cc; /* Texto de botões ou inputs desativados */
  
    /* 🔔 Cores do Toastify (notificações) */
    --toastify-color-light: var(--text-default);
    --toastify-color-dark: var(--text-default);
    --toastify-color-info: var(--info);
    --toastify-color-success: var(--success);
    --toastify-color-warning: var(--warning);
    --toastify-color-error: var(--error);
    --toastify-text-color-light: #0a0f1a;
    --toastify-text-color-dark: #e6e9f0;
    --toastify-color-progress-light: var(--primary);
    --toastify-color-progress-dark: var(--primary);
  }