/* Generado desde garage360/brand/tokens/tokens-dev.css con `node brand/sync.mjs`. No editar aquí. */
/*
 * Tokens de la vertical Dev (devGarage360) · v1.0 (MANUAL.md, sección 12).
 * USO EXCLUSIVO de la vertical Dev: no se carga en web/ (Apps), console/ ni motoops/.
 * Se carga DESPUÉS de tokens.css y se activa con data-vertical="dev" en <html>.
 * Cualquier color nuevo requiere actualizar primero el manual.
 */
:root {
  --g360-dev-bg: #05070A;
  --g360-dev-surface: #0F172A;
  --g360-dev-muted: #94A3B8;
  --g360-dev-violet: #8B5CF6;
  --g360-dev-blue: #3B82F6;
  --g360-dev-border: rgb(255 255 255 / 0.10);
  /* Espectro Dev: una frase de titular por pantalla, líneas de datos y filetes. Nunca en el logotipo ni en botones. */
  --g360-dev-spectrum: linear-gradient(90deg, var(--g360-orange) 0%, var(--g360-dev-violet) 50%, var(--g360-dev-blue) 100%);
  --g360-dev-radius-panel: 16px;
  --g360-dev-radius-control: 12px;
}

[data-vertical="dev"] {
  --g360-bg: var(--g360-dev-bg);
  --g360-surface: var(--g360-dev-surface);
  --g360-text: var(--g360-text-on-dark);
  --g360-border: var(--g360-dev-border);
  --g360-accent: var(--g360-orange);
  --g360-radius: var(--g360-dev-radius-control);
}