/* assets/tokens.css
   COLORES MARCADOS COMO PLACEHOLDER — sustituir por los reales de Quorum.
   Cómo obtenerlos: abre el logo SVG (quorumgestion.com/wp-content/uploads/2024/01/Logo_quorum.svg)
   y usa los valores fill=, o desde DevTools las variables --e-global-color-primary/secondary. */
:root {
  --color-primary:   #3141CF;   /* Azul de marca Quorum (logo) */
  --color-secondary: #c8a15a;   /* PLACEHOLDER — segundo color de marca, aún sin definir */
  --color-text:      #1a1d23;
  --color-muted:     #6b7280;
  --color-bg:        #f4f5f7;
  --color-surface:   #ffffff;
  --color-border:    #e2e5ea;

  /* Estados */
  --e-recibido:    #6b7280;
  --e-interesante: #2563eb;
  --e-entrevista:  #7c3aed;
  --e-negociando:  #b45309;
  --e-contratado:  #1e7d46;
  --e-descartado:  #b3261e;

  --radius: 10px;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* sustituir por la fuente real */

  /* Sistema de UI (no es marca: no hace falta tocarlo al aplicar el branding real). */
  --radius-sm: 8px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.06);
  --shadow-md: 0 4px 12px rgba(16,24,40,.06), 0 2px 4px rgba(16,24,40,.04);
  --maxw-public: 680px;
  --maxw-admin: 1080px;
  --ring: 0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);
}