/*
 * Raqet — Paleta Verde. Servido pelo host (gestao-clube, porta HOST_URL).
 * Plugins externos (auth, financeiro, catalog, commerce) injetam via
 * <link rel="stylesheet" href="${HOST_URL}/theme.css"> no <head> (root layout).
 * Sobrescreve o fallback olive do @auria/shared/tailwind.config.base.
 */
:root {
  --color-primary:   #00F500; /* verde Raqet */
  --color-secondary: #33ff33;
  --color-accent:    #009900;
  --color-muted:     #003300;
  --color-surface:   #f0fff0;

  --color-success: #16a34a;
  --color-warning: #ea580c;
  --color-danger:  #dc2626;

  /*
   * Escala cinza do Raqet: CINZA NEUTRO (padrão Tailwind), nunca terroso — ver
   * .claude/rules/product/raqet-design-system.md. Sobrescreve o fallback quente do
   * @auria/shared/tailwind.config.base, para que as telas servidas por plugins (a de entrar, por
   * exemplo) tenham exatamente as mesmas cores das telas dos apps do produto.
   *
   * `--color-page` é o fundo de página (§3). Vive aqui junto do cinza porque o
   * `tailwind.config.js` dos plugins lê os dois pelo mesmo mecanismo `var(--color-*)`.
   */
  --color-page: #F9FAFB;

  --color-gray-50:  #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-gray-950: #030712;
}
