/* Dark Theme Variables */
[data-theme='dark'] {
  --color-primary: #7d62d4;
  /* Cor da marca - usando primary-light no dark mode */
  --color-primary-dark: #3f326b;
  /* Versão escura, contraste para hover */
  --color-primary-light: #7d62d4;
  /* Suavizada para fundo ou hover leve */

  /* Cores Secundárias (magenta original) */
  --color-secondary: #EF476F;
  /* Cor da marca */
  --color-secondary-dark: #bd3756;
  /* Mais escura para foco/hover */
  --color-secondary-light: #eb92a7;
  /* Suave para containers, backgrounds */


  /* Tons Neutros - Invertidos para dark mode */
  --color-white: #121212;
  /* Fundo principal dark */
  --color-white-dark: #1e1e1e;
  /* Alternativo (cards, modais) */
  --color-gray: #e0e0e0;
  /* Texto base - claro no dark */
  --color-gray-dark: #f5f5f5;
  /* Títulos, texto forte - mais claro */
  --color-gray-light: #424242;
  /* Bordas e divisores - mais escuro */

  /* Cores de Feedback */
  --color-success: #06D6A0;
  /* Verde forte */
  --color-success-dark: #059e75;
  --color-success-light: #09ffbd;
  --color-online: #06D6A0;

  --color-warning: #FFD166;
  /* Laranja forte */
  --color-warning-dark: #d4af59;
  --color-warning-light: #f3d48c;


  --color-danger: var(--color-warning);
  /* Vermelho forte */
  --color-danger-dark: var(--color-warning-dark);
  --color-danger-light: var(--color-warning-light);

  /* Links e interações */
  --color-link: var(--color-primary);
  /* Azul para navegação */
  --color-link-hover: var(--color-primary-dark);

  /* Inputs */
  --input-border-default: 1px solid var(--color-gray-light);
  --input-border-focus: 2px solid var(--color-primary);
  --input-border-error: 2px solid var(--color-danger);
}