/**
 * Credited Design System — Tokens Globais de Ferramentas
 * Sincronizado nativamente com o tema Foxiz e suporte a Dark Mode.
 */

:root {
  /* Cores de Ação e Marca */
  --ct-primary: var(--primary-accent, #ff6900);
  --ct-primary-hover: #e05d00;
  --ct-primary-subtle: rgba(255, 105, 0, 0.12);

  /* Feedback e Semântica */
  --ct-success: #00D084;
  --ct-success-bg: rgba(0, 208, 132, 0.12);
  --ct-danger: #E02424;
  --ct-danger-bg: rgba(224, 36, 36, 0.08);
  --ct-warning: #ff6900;
  --ct-warning-bg: rgba(255, 105, 0, 0.08);
  --ct-info: #0693e3;
  --ct-info-bg: rgba(6, 147, 227, 0.10);

  /* Superfícies e Contrastes (Light Mode) */
  --ct-bg-surface: var(--box-background, #ffffff);
  --ct-bg-subtle: #f8fafc;
  --ct-bg-input: #f1f5f9;
  --ct-border: rgba(0, 0, 0, 0.08);
  --ct-border-focus: var(--ct-primary);

  /* Tipografia e Textos */
  --ct-font-family: inherit;
  --ct-text-primary: var(--body-color, #1e293b);
  --ct-text-secondary: var(--meta-color, #64748b);
  --ct-text-muted: #94a3b8;

  /* Formas, Bordas e Elevações */
  --ct-radius-card: 16px;
  --ct-radius-btn: 10px;
  --ct-radius-input: 10px;
  --ct-radius-badge: 20px;
  --ct-shadow-card: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
  --ct-shadow-btn: 0 4px 14px rgba(255, 105, 0, 0.25);
}

/* ==========================================================================
   Integração Nativa com Dark Mode do Foxiz (.dark-mode)
   ========================================================================== */
body.dark-mode,
.dark-mode,
[data-theme="dark"] {
  --ct-bg-surface: #1a1e24;
  --ct-bg-subtle: #14171c;
  --ct-bg-input: #21262d;
  --ct-border: rgba(255, 255, 255, 0.08);
  --ct-text-primary: #f1f5f9;
  --ct-text-secondary: #94a3b8;
  --ct-text-muted: #64748b;
  --ct-shadow-card: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
}